html敏感词过滤

最新推荐文章于 2023-10-19 16:38:22 发布

原创最新推荐文章于 2023-10-19 16:38:22 发布 · 1.6k 阅读

6 ·

CC 4.0 BY-SA版权

该博客介绍了如何使用正则表达式和JavaScript的replace()方法在HTML内容中进行敏感词过滤，将敏感词替换为*号，以实现网页文本的安全显示。

敏感词过滤：
要求：
1、敏感词都过滤正则表达式
2、将敏感词替换成*
replace()
html部分
在这里插入图片描述
js中

/*
            敏感词过滤：
            要求：
               1、敏感词都过滤  正则表达式
               2、将敏感词替换成*
               replace()

            表单元素，获取其中内容，通过.value的属性
            双标签节点 innerHtml属性，获取标签间内容

          */  
          //装有敏感词
          var arr = [/靠/ig,/tmd/ig,/nm/ig];
          document.querySelector("button").addEventListener("click",btnClick);
          function btnClick(){
              //获取输入框的内容
              var oTxt = document.getElementById("txt1");
              var oMsg = document.getElementById("msg");
              var oValue = oTxt.value;
              for(var i=0;i<arr.length;i++){
                  oValue = oValue.replace(arr[i],"*");
              } 
              oMsg.innerHTML = oValue;
              //清楚内容
              oTxt.value = "";

          }