怎么使用js过滤html标签

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么使用js过滤html标签相关的知识,希望对你有一定的参考价值。

你可以利用正则表达式来剔除这些标签,也就是将所有的html类的标签都替换为空即可:

//去除HTML 标签
str = str.replace(/<\\/?[^>]*>/g,\'\');
参考技术A function removeHTMLTag(str)
str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag
str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
//str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行
str=str.replace(/ /ig,'');//去掉
return str;

html/js 使用marquee标签,怎么可以做到无缝滚动

如题,怎么才能在使用marquee标签做无缝滚动。上下衔接的空间为0。。
<marquee><div>...</div> <div>....</div></marquee>
在marquee里面,有两个大的div
求大神指导

参考技术A

需要js的配合一下是一个非常好用的一个html代码,可以试试

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>一行多列文字循环滚动带停顿-</TITLE>

<meta name="keywords" content="网页特效" />
<meta name="description" content="" />
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<style type="text/css">
ul height:200px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px

#announcement 
width:300px;
height:200px;
background:url(img/menu_bg.gif) repeat;
overflow: hidden;

#announcement div 
border: #e6e6e6 1px solid;
padding:0px 10px 0px 10px;
overflow-y:hidden;
line-height: 24px;
height:100px;

#announcement li 
font-size: 12px;
float: left;
list-style-type: none;
margin-right: 20px;
padding-left: 10px;
background: url(img/arrow_right.gif) no-repeat 0px 50%;
white-space: nowrap

#announcement a 
text-decoration: none;

#announcement a:hover 
text-decoration:underline;

</style>
</HEAD>
<BODY>
<DIV id="announcement" onMouseOver="if(!anncount) clearTimeout(annst);annst = 0" onMouseOut="if(!annst) annst = setTimeout('announcementScroll()', anndelay);">
  <DIV id="scrbody">
    <ul>
     <li>
     <a href="#" target="_blank">jQuery 类似腾讯网的图片幻灯特效(可自动播放)</a>
     </li>
     <li>
     <a href="#/JS" target="_blank">VB版增强型Windows任务管理器</a>
     </li>
     <li>
     <a href="#/JS/texiao"target="_blank">JQuery Tip多风格链接提示框</a>
     </li>
     <li>
     <a href="#/JS/ad" target="_blank">VC++动态加载、调用smtp.dll发邮件示例</a>
     </li>
     <li>
     <a href="#/html+css" target="_blank">++连连看游戏源码附外挂</a>
     </li>
     <li>
     <a href="#/" target="_blank">基于API的VB HOOK钩子拦截程序</a>
     </li>
     <li>
     <a href="#/" target="_blank">VB 操作系统的一些常用小技巧集</a>
     </li>
     <li>
     <a href="#/js" target="_blank">xTree 标准的WEB菜单树(树形菜单)</a>
     </li>
    </ul>
  </DIV>
</DIV>
<script type="text/javascript">
function $(id)

   return document.getElementById(id);

var anndelay = 3000;
var anncount = 0;
var annheight = 24;
var annst = 0;
function announcementScroll()

   if( ! annst)
   
      $('scrbody').innerHTML += '<br style="clear: both" />' + 

$('scrbody').innerHTML;
      $('scrbody').scrollTop = 0;
      if($('scrbody').scrollHeight > annheight * 3)
      
         annst = setTimeout('announcementScroll()', anndelay);
      
      else
      
         $('announcement').onmouseover = $('announcement').onmouseout = null;
      
      return;
   
   if(anncount == annheight)
   
      if($('scrbody').scrollHeight - annheight <= $('scrbody').scrollTop)
      
         $('scrbody').scrollTop = $('scrbody').scrollHeight / 2 - annheight;
      
      anncount = 0;
      annst = setTimeout('announcementScroll()', anndelay);
   
   else
   
      $('scrbody').scrollTop ++ ;
      anncount ++ ;
      annst = setTimeout('announcementScroll()', 10);
   

announcementScroll();
</script>


</BODY>
</HTML>

参考技术B JS + DIV
marquee似乎做不了无缝吧?

以上是关于怎么使用js过滤html标签的主要内容,如果未能解决你的问题,请参考以下文章

JS 过滤HTML标签,取得纯文本

在js中一个存储html文本的对象,怎样过滤其中的所有的img标签

JS如何过滤掉table中的thead标签, 急!

java web如何防止html,js注入

ueditor里插入的script,style等标签被过滤掉怎么解决

Vue.js -- 双向过滤器去除html标签