js过滤HTML标签完整实例
作者:bea
本文实例讲述了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
本文实例讲述了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程序设计有所帮助。
有用 | 无用
<!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程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 学习JavaScript设计模式(策略模式)
- 深入浅析同源策略和跨域访问
- js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
- 学习JavaScript设计模式(单例模式)
- javascript bom是什么及bom和dom的区别
- Javascript模仿淘宝信用评价实例(附源码)
- Javascript BOM学习小结(六)
- js实现延时加载Flash的方法
- 学习JavaScript设计模式(链式调用)
- 学习JavaScript设计模式(继承)
- js图片跟随鼠标移动代码
- 学习JavaScript设计模式(封装)
- JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
- 学习JavaScript设计模式(接口)
- Jquery中request和request.form和request.querystring的区别
- Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态
- JS延时提示框实现方法详解
- js使用cookie记录用户名的方法
- Bootstrap每天必学之导航