js过滤HTML标签完整实例
本文实例讲述了js过滤HTML标签的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script> window.onload=function() { var oTxt1=document.getElementById('txt1'); var oTxt2=document.getElementById('txt2'); var oBtn=document.getElementById('btn'); oBtn.onclick=function() { var reg=/<[^<>]+>/g; oTxt2.value=oTxt1.value.replace(reg,''); }; }; </script> </head> <body> <textarea id="txt1" cols="40" rows="10"></textarea><br /> <input type="button" value="过滤" id="btn" /><br /> <textarea id="txt2" cols="40" rows="10"></textarea> </body> </html>
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
-
用JS实现HTML标签替换效果
有个静态页面 <span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span> 能否通过js实现,IE浏览时的代码被替换为 <img src="img/1.gif"/><img src="img/1.gif"/><i
-
JS检测页面中哪个HTML标签触发点击事件的方法
本文实例讲述了JS检测页面中哪个HTML标签触发点击事件的方法.分享给大家供大家参考,具体如下: 在html标签中,为了页面显示的美观,会在标签中相互嵌套,在做"效果"的时候就难免不了的添加各种事件,例如: <a href=""><span onclick="">dddd</span></a> 当用户点击的时候,想确定是链接产生的事件还是span标签onclick标签产生的事件,这个有时候是很有必要
-
js过滤HTML标签以及空格的思路及代码
复制代码 代码如下: function setContent(str) {str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tagstr.value = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白//str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行return str;} 测试的时候发现这段代码不能过滤掉网页中空格字符(即: ).于是自己又改造了一下: 复制代
-
js自动闭合html标签(自动补全html标记)
复制代码 代码如下: <script type="text/javascript"> // Close HTML Tags -------------------------------------------- function closeHTML(str){ var arrTags=["span","font","b","u","i","h1",&qu
-
JS对HTML标签select的获取、添加、删除操作
复制代码 代码如下: <SELECT NAME="aaa" SIZE="" style="width:200px" > <OPTION VALUE="">(空)</OPTION> <OPTION VALUE="1">1</OPTION> </SELECT> 复制代码 代码如下: //获得html控件 var select = docum
-
js简单实现HTML标签Select联动带跳转
复制代码 代码如下: <script src="Scripts/jquery-1.9.1.min.js" type="text/javascript"></script> 复制代码 代码如下: <FORM name="form5" id="form5" action="" method="post" target="_blank" ons
-
JavaScript检测字符串中是否含有html标签实现方法
功能代码 复制代码 代码如下: /** * 字符串是否含有html标签的检测 * @param htmlStr */ function checkHtml(htmlStr) { var reg = /<[^>]+>/g; return reg.test(htmlStr); } demo script: 复制代码 代码如下: /** * 字符串是否含有html标签的检测 * @param htmlStr */ function checkHtml(htmlSt
-
javascript实现去除HTML标签的方法
本文实例讲述了javascript实现去除HTML标签的方法.分享给大家供大家参考,具体如下: <script type="text/javascript"> String.prototype.stripHTML = function() { var reTag = /<(?:.|\s)*?>/g; return this.replace(reTag,""); } var sTest = "<b>this would b
-
javascript通过获取html标签属性class实现多选项卡的方法
本文实例讲述了javascript通过获取html标签属性class实现多选项卡的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>原生javascript通过获取html标签属性class实现多选项卡</title> <style type="text/css">
-
JavaScript 替换Html标签实现代码
复制代码 代码如下: str = str.<br /> replace( /&(?!#?\w+;)/g , '&').<br /> replace( /undefinedundefined([^undefinedundefined]*)"/g , '"$1"' ).<br /> replace( /</g , '<' ).<br /> replace( />/g , '>' ).<b
-
Java/Js下使用正则表达式匹配嵌套Html标签
通用 HTML 标签区配正则 最近看网站日志,发现有人在博客上转了我不知道几年前写的一个匹配 HTML 标签的正则,刚好最近也在做一些相关的事情,顿时来了兴趣.就拿回来改改,成了下面这样,可能会有一些 case 遗漏,欢迎修改,已知在内嵌 <script> 复杂内容的处理能力较弱,不过对纯 HTML 来说已经够用,拿来做一些分析工具还是不错滴. 复制代码 代码如下: <script type="text/javascript"> var str = "
随机推荐
- 详解angularjs结合pagination插件实现分页功能
- 解析JavaScript的ES6版本中的解构赋值
- .NET MD5加密解密代码解析
- VB实现的《QQ美女找茬游戏》作弊器实例
- docker容器如何优雅的终止详解
- 图片上传之FileAPI与NodeJs
- 翻译整理的jQuery使用查询手册
- 基于Angularjs实现分页功能
- Java按值传递和按址传递(面试常见)
- 简单掌握Android开发中彩信的发送接收及其附件的处理
- Request.RawUrl 属性的应用收
- Yii中CGridView禁止列排序的设置方法
- 使用python解析xml成对应的html示例分享
- 给jqGrid数据行添加修改和删除操作链接(之一)
- Redis教程(三):List数据类型
- VBS教程:函数-CBool 函数
- jQuery实现的Div窗口震动特效
- Js自动截取字符串长度,添加省略号(……)的实现方法
- 原生js获取宽高与jquery获取宽高的方法关系对比
- 用ssh跑pppd (最简单的linux vpn )