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

需求

  • 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;
    }
};
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一个月前我就在盼着了 等到还有十天的时候 我抬头看月亮 是个芽儿 我笑着说 等月亮变圆你就要来了 从那时候起 就不...
    urnotxujing阅读 2,286评论 0 0
  • 嘿,这么久没见了,你还好吗? 我很想你。 想念在那个什么都不想的年纪,肆意的精彩的生活的日子。想念那个时候最为真实...
    里多icy阅读 2,435评论 0 0
  • 海水拍打礁石 碎成夜色里的星星 你走进璀璨的夜色里 用歌声蹉跎时间 吞服爱情的禁果 海上升起的 不止明月 王子的梦...
    修齐治不平阅读 1,384评论 0 1