欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js对HTML字符转义与反转义

程序员文章站 2022-06-17 10:30:22
注意: 在编写html时,经常需要转义,才能正常显示在页面上。 并且,还可以防止xss。 解决方案: 一, 使用正则: 使用正则转码: 使用正则解码: 方法二:使用浏览器自带的。详情异步:https://www.cnblogs.com/GumpYan/p/7883133.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(/&amp;/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