js过滤HTML标签完整实例

 更新时间:2015年11月26日 12:05:28   作者:yexingwen  
这篇文章主要介绍了js过滤HTML标签实现方法,以完整实例形式分析了JavaScript使用正则表达式过滤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程序设计有所帮助。

相关文章

  • 前端URL拼接路径参数具体实现代码

    前端URL拼接路径参数具体实现代码

    这篇文章主要给大家介绍了关于前端URL拼接路径参数具体实现的相关资料,url地址拼接是经常会遇到的问题,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解

    微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解

    这篇文章主要介绍了微信小程序学习笔记之表单提交与PHP后台数据交互处理,结合实例形式详细分析了微信小程序前台数据form表单提交及后台使用php进行处理相关操作技巧,并配以图文形式详细说明,需要的朋友可以参考下
    2019-03-03
  • 详解JavaScript逻辑Not运算符

    详解JavaScript逻辑Not运算符

    这篇文章主要介绍了JavaScript逻辑Not运算符,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示,想要深入了解逻辑Not运算符的朋友可以参考一下
    2015-12-12
  • JavaScript实现滚动加载更多

    JavaScript实现滚动加载更多

    这篇文章主要为大家详细介绍了JavaScript实现滚动加载更多,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • js 获取图像缩放后的实际宽高,位置等信息

    js 获取图像缩放后的实际宽高,位置等信息

    本文主要介绍了js获取图像缩放后的实际宽高,位置等信息的方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 通过JS判断联网类型和连接状态的实现代码

    通过JS判断联网类型和连接状态的实现代码

    这篇文章主要介绍了通过JS判断联网类型和连接状态的实现代码,需要的朋友可以参考下
    2015-04-04
  • js字符串的各种格式的转换 ToString,Format

    js字符串的各种格式的转换 ToString,Format

    平时我们经常会需要将字符转换为各种不同的格式,例如钱:0元需要转换为0.00显示;需要转换为16进制显示的数,这样的例子有很多
    2011-08-08
  • TypeScript 接口继承的具体使用

    TypeScript 接口继承的具体使用

    本文主要介绍了TypeScript 接口继承的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • JavaScript 封装Ajax传递的数据代码

    JavaScript 封装Ajax传递的数据代码

    在使用Ajax传输数据时,少不了对传递的字符进行转码,我的实现方式是将需要传递的数据暂存到一js Bean中,将js Bean放到Array中,生成传输参数时对Array中的jsBean进行分解,得到相应属性信息并编码..
    2009-06-06
  • canvas绘制多边形

    canvas绘制多边形

    本文主要分享了利用canvas画多边形的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02

最新评论