JS对HTML字符的转义和反转义
2017-01-03 14:14
585 查看
首先,奉上工具类:
使用类似
<script> var HtmlUtil = { /*1.用浏览器内部转换器实现html转码*/ htmlEncode:function (html){ //1.首先动态创建一个容器标签元素,如DIV var temp = document.createElement ("div"); //2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐,google支持) (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html); //3.最后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串了 var output = temp.innerHTML; temp = null; return output; }, /*2.用浏览器内部转换器实现html解码*/ htmlDecode:function (text){ //1.首先动态创建一个容器标签元素,如DIV var temp = document.createElement("div"); //2.然后将要转换的字符串设置为这个元素的innerHTML(ie,火狐,google都支持) temp.innerHTML = text; //3.最后返回这个元素的innerText(ie支持)或者textContent(火狐,google支持),即得到经过HTML解码的字符串了。 var output = temp.innerText || temp.textContent; temp = null; return output; }, /*3.用正则表达式实现html转码*/ htmlEncodeByRegExp:function (str){ var s = ""; if(str.length == 0) return ""; s = str.replace(/&/g,"&"); s = s.replace(/</g,"<"); s = s.replace(/>/g,">"); s = s.replace(/ /g," "); s = s.replace(/\'/g,"'"); s = s.replace(/\"/g,"""); return s; }, /*4.用正则表达式实现html解码*/ htmlDecodeByRegExp:function (str){ var s = ""; if(str.length == 0) return ""; s = str.replace(/&/g,"&"); s = s.replace(/</g,"<"); s = s.replace(/>/g,">"); s = s.replace(/ /g," "); s = s.replace(/'/g,"\'"); s = s.replace(/"/g,"\""); return s; } }; </script>
使用类似
HtmlUtil.htmlDecode("—"),结束。
相关文章推荐
- html与js字符转义
- 用Javascript(js)进行HTML转义工具(处理特殊字符显示)
- js转义html中的字符
- js 转义特殊字符到 html
- JS对HTML字符的转义和反转义
- js 动态生成html 触发事件传参字符转义的实例
- 使用Js让Html中特殊字符不被转义
- 用Javascript(js)进行HTML转义工具(处理特殊字符显示)
- js如何转义和反转义html特殊字符
- js 动态生成html 触发事件传参字符转义
- js html 特殊字符转义
- 用Javascript(js)进行HTML转义工具(处理特殊字符显示)
- js 动态生成html 触发事件传参字符转义
- 使用Js让Html中特殊字符不被转义
- Js让Html中特殊字符不被转义
- 使用jquery对特殊字符进行转义,防止js注入
- HTML转义字符--转载http://www.8189090.com/character/
- js、html中的单引号、双引号及其转义使用(转)
- HTML转义字符大全
- 中正则表达式,js去掉html标记,去掉字符,截取字符