jquery html特殊字符反转义,JS – 实现HTML标签的转义、反转义的几种方法

您可以使用jQuery的.text()方法来实现HTML标签的转义和反转义。
注意：
赋值的时候，我们要转义，防止用户恶意输入，如Script标签。拿值的时候
我们需要原本的数据【反转义】。

1. 转义HTML标签：使用.text()方法将HTML标签中的特殊字符进行转义，如下所示：

var html = '&lt;div&gt;&lt;p&gt;Hello, World!</p></div>';
var escapedHtml = $('<div>').text(html).html();
console.log(escapedHtml);

2. 反转义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标签的转义和反转义。

代码007普通

打赏 收藏 海报 链接