js对HTML字符转义与反转义

注意：

在编写html时，经常需要转义，才能正常显示在页面上。

并且，还可以防止xss。

解决方案：

一， 使用正则：

使用正则转码：

var value = document.getElementById('input').value.trim();
        //对用户输入进行转义
        value = value.replace(/&/g,"&");
        value = value.replace(/</g,"&lt;");
        value = value.replace(/>/g,"&gt;");
        value = value.replace(/ /g,"&nbsp;");
        value = value.replace(/"/g,'&quot;');

使用正则解码：

var value = e.target.innerText;
         // value = decodeURIComponent(value);
         value = value.replace(/&/g,"&");
         value = value.replace(/&lt;/g,"<");
         value = value.replace(/&gt;/g,">");
         value = value.replace(/&nbsp;/g," ");
         value = value.replace(/&quot/g,"'");

 

方法二：使用浏览器自带的。详情异步：https://www.cnblogs.com/GumpYan/p/7883133.html