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();
}