HTML文本插值过滤

在对DOM节点插入数据的时候,如果输入的插值正好是一个HTML标签.那么插入进去的话会对页面造成破坏,影响显示效果.那么我们就要对页面插值进行过滤,具体方式是用正则对 < >  两个符号进行替换成字符显示.例如 : 
<body>

    <div id="divs">

    </div>
    <script>
        var dom = document.getElementById("divs");
        var str =  "<h1>H1</h1>";
        dom.innerHTML = str.replace(/</g,'&lt;').replace(/>/g,'&gt;');
    </script>


</body>

猜你喜欢

转载自blog.csdn.net/Byte_Dance/article/details/81478410