欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

js对html进行转义和反转义的操作

发布时间:2025/6/15 编程问答 24 豆豆
生活随笔 收集整理的这篇文章主要介绍了 js对html进行转义和反转义的操作 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

为什么80%的码农都做不了架构师?>>>   

  • “&lt;”如何反转义为“<”,“&gt;”如何反转义为“>”,下面就介绍如何用js来实现这种类似的操作。

  • HTML转义 

    function HTMLEncode(html) {    var temp = document.createElement (“div”);    (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);    var output = temp.innerHTML;    temp = null;    return output; }

  • HTML反转义

     function HTMLDecode(text) {    var temp = document.createElement(“div”);    temp.innerHTML = text;    var output = temp.innerText || temp.textContent;    temp = null;    return output; }

  • 对于HTML反转义还有一种方法,让html自己来解析再取值,原理其实跟上面的一样,不过有这是直接写到页面上。

    方法:在页面上写个隐藏的<div id=”decode” style=”display:none;”>未反转义的html内容</div>来放未反转义的html,再用js来获取html。 $(“#decode”).html();

  • 转载于:https://my.oschina.net/SimTao/blog/1800490

    总结

    以上是生活随笔为你收集整理的js对html进行转义和反转义的操作的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。