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

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

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

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

反转义HTML标签：使用.html()方法将转义后的HTML标签进行反转义，如下所示：

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

除了使用jQuer y的方法外，还可以使用原生JavaSc ript来实现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 = '&amp;lt;div&amp;gt;&amp;lt;p&amp;gt;Hello, World!&amp;lt;/p&amp;gt;&lt;/div&gt;';
var unescapedHtml = document.createElement('textarea').innerHTML = escapedHtml;
console.log(unescapedHtml);