钱柜娱乐 > Web开发 > 详细

4种方法实现Html转码

时间:2019-02-11 18:17:38      阅读:30      评论:0      收藏:0      [点我收藏+]

标签:extc   设置   rip   efi   lencod   undefined   tput   tee   class   

  

<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;
          console.log(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;
          console.log(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, """);
          s = s.replace(/¥/g, "¥");
          //return s;
          console.log(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, ‘"‘);
          s = s.replace(/¥/g, "¥");
         // return s;
          console.log(s);
        }
      };
      HtmlUtil.htmlEncode(‘<div>¥</div>‘);
      HtmlUtil.htmlDecode(‘¥‘);
      HtmlUtil.htmlEncodeByRegExp(‘<div>¥</div>‘);
      HtmlUtil.htmlDecodeByRegExp(‘¥‘)
</script>

  结果如下:

技术分享图片

 

4种方法实现Html转码

标签:extc   设置   rip   efi   lencod   undefined   tput   tee   class   

原文:https://www.cnblogs.com/Winny0519/p/10362618.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 ♞钱柜娱乐_钱柜娱乐777_钱柜娱乐唯一授权官网-欢迎您
打开钱柜娱乐技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号