Js模拟正则筛选关键字

<style type="text/css">        div {            background: rgba(30, 100, 30, 0.2);            width: 800px;            margin: 20px auto;            padding: 15px;            text-align: center;        }        h2 {            text-align: center;        }        input[type=text] {            height: 30px;            font-size: 20px;            width: 600px;            padding: 10px;        } </style>

<h2>模拟正则筛选关键字</h2><div>    <p>示例字符串：<input type="text" id="str"  value="" placeholder="请输入字符串"></p>    <p>筛选部分：<input type="text" id="st"  value="" placeholder="请输入需要过滤的字符串"></p>    <p>筛选结果：<input type="text" id="res"  value=""></p>    <input type="button" value="测试按钮" onclick="resplace()"></div>

<script type="text/javascript">     function resplace() {         var str = document.querySelector('#str').value;         var st =  document.querySelector('#st').value;         var res = document.querySelector('#res');         if(str.length==""){             alert("请输入初始字符串")             return false;         }else if(st.length==""){             alert("请输入需要筛选的内容")             return false;         }         for (var i = 0; i < str.length; i++) {              if (str.indexOf(st) > -1) {                 str = str.replace(st, '')//把包含特定字符串转换成空字符             } else {                 //alert("没有找到相匹配的值")                 break;             } //如果没有了，退出循环         }         res.value = str;     } </script>