美文网首页
HTML的Encode(转码)和Decode(解码)

HTML的Encode(转码)和Decode(解码)

作者: 月下吴刚_c8c7 | 来源:发表于2019-04-08 11:44 被阅读0次

需求

  • Decode :需要将 "&#60;p&#62;qqqq&#60;/p&#62;" 转为 <p>qqqq</p>
  • Encode : 与上面的需求相反
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;
    }
};

相关文章

网友评论

      本文标题:HTML的Encode(转码)和Decode(解码)

      本文链接:https://www.haomeiwen.com/subject/znruiqtx.html