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

最新推荐文章于 2024-06-05 16:22:17 发布

卷B只有挂在墙上才知道休息

最新推荐文章于 2024-06-05 16:22:17 发布

阅读量1.6k

点赞数

分类专栏：为不上班而上班文章标签：原生JS 过滤敏感字符过滤字符

本文链接：https://blog.csdn.net/qq_39051175/article/details/99680792

版权

为不上班而上班专栏收录该内容

95 篇文章 8 订阅

订阅专栏

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

卷B只有挂在墙上才知道休息

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
原生JS实现过滤敏感字符功能，简单易懂，复制可用。

html代码代码如下，复制可用，但是你要主意JS引入路径，自己改你需要新建一个html文件，复制下面html代码进去，然后创建一个JS文件夹，在这个文件夹里新建JS文件，同样复制进去即可重点：引入的时候JS文件名字和引入路径，未必一样，自己改改就行<!DOCTYPE html><html lang="en"><head> <meta ...
复制链接

扫一扫