js对HTML字符转义与反转义

2018-06-27 09:04:31来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

注意:

在编写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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:使用react全家桶制作博客后台管理系统

下一篇:原生JS和jQuery分别使用jsonp来获取“当前天气信息”