jquery html特殊字符反转义,JS - 实现HTML标签的转义、反转义的几种方法
·
您可以使用jQuery的.text()方法来实现HTML标签的转义和反转义。
注意:
赋值的时候,我们要转义,防止用户恶意输入,如Script标签。拿值的时候
我们需要原本的数据【反转义】。
- 转义HTML标签:使用
.text()方法将HTML标签中的特殊字符进行转义,如下所示:
var html = '<div><p>Hello, World!</p></div>';
var escapedHtml = $('<div>').text(html).html();
console.log(escapedHtml);
- 反转义HTML标签:使用
.html()方法将转义后的HTML标签进行反转义,如下所示:
var escapedHtml = '<div><p>Hello, World!</p></div>';
var unescapedHtml = $('<div>').html(escapedHtml).text();
console.log(unescapedHtml);
除了使用jQuery的方法外,还可以使用原生JavaScript来实现HTML标签的转义和反转义。
转义HTML标签:可以使用document.createElement('textarea').textContent来进行转义,如下所示:
var html = '<div><p>Hello, World!</p></div>';
var escapedHtml = document.createElement('textarea').textContent = html;
console.log(escapedHtml);
反转义HTML标签:可以使用innerHTML属性来进行反转义,如下所示:
var escapedHtml = '<div><p>Hello, World!</p></div>';
var unescapedHtml = document.createElement('textarea').innerHTML = escapedHtml;
console.log(unescapedHtml);
这些方法可以帮助您在JavaScript中实现HTML标签的转义和反转义。
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)