原生JS实现 过滤敏感字符 功能,简单易懂,复制可用。

html代码

代码如下,复制可用,但是你要主意JS引入路径,自己改
你需要新建一个html文件,复制下面html代码进去,然后创建一个JS文件夹,在这个文件夹里新建JS文件,同样复制进去即可

重点:引入的时候JS文件名字和引入路径,未必一样,自己改改就行


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤不文明用语</title>
    <style>
        ul{padding:0;margin:0;list-style:none;}
		ul li{
			display: block;
		}
        .container{width:600px;margin:20px auto;}
        .container li{border-bottom:1px dotted #ddd;padding:10px;margin:10px 0;}
        textarea{display:block;width:100%;height:60px;}
    </style>
    
</head>
<body>
    <div class="container">
        <h1>过滤敏感字符---握草,快滚,没有,不知道</h1>
        <ul id="ull">
           <!--  <li>大股东结构来看</li>
            <li>反馈给借款方加工费</li> -->
        </ul>
        <textarea id="wbk"></textarea>
        <input type="button" id="btn" value="提交"/>
    </div>
    <script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

JS代码

var ull = document.getElementById('ull');
var wbk = document.getElementById('wbk');
var btn = document.getElementById('btn');
var arr = [];

 btn.onclick = function(){
	 arr.push(wbk.value);
	 var str = "";	
	 arr.forEach(function(i){
		 str="<li>"+i+"</li>";
	 });
	 //字符转数组,以 "," 分割
	 var mg = "握草,快滚,没有,不知道".split(",");
	 console.log(mg);
	 mg.forEach(function(a){
		 var reg = new RegExp(a,"gi");
		 str = str.replace(reg,"**");//原来的str不会被改变,这是分割成一个新的字符串,我拿去覆盖了原来的那个str
	 })
	 ull.innerHTML += str;
	 wbk.value = "";
	 wbk.focus();
 }
上一篇:FCPX插件Smoke Elements Mac(10种卡通手绘烟雾MG动画元素) v1.0激活版


下一篇:UVA - 12538 Version Controlled IDE (可持久化treap)