附加 CDATA 标记时编码的 HTML 标记

Question

在我的页面中有一个 div，我必须在其中显示来自 javascript 的 html。所以在 javascript 中，我附加了 CDATA 标记，以便将 html 显示为数据。以下是我使用的代码

var htmlCode = '<h>testing html</h>';
htmlCode = '<![CDATA[' + htmlCode+ ']]>';
$('myDiv').html(htmlCode);

这实际上显示testing html]]>，因为当我将它分配给div 的html 时，最后一个> 被转换为>。知道如何克服这个问题

提前致谢

Answer 1

CDATA 用于 XML 文件。这意味着里面的内容被视为文本。 jQuery 的.html() 将<![CDATA[<h 变成<!--[CDATA[<h-->，这是一个注释。然后它会忽略结束 </h> 标记，因为缺少开始标记。所以，它显示testing html]]>。

如果您想将 HTML 显示为文本，只需使用 .text() 而不是 .html()。它会为你转义，这样浏览器就不会解析它。

var htmlCode = '<h>testing html</h>';
$('#myDiv').text(htmlCode);

编辑：你说你希望HTML 被解析，那么就使用.html。

var htmlCode = '<h>testing html</h>';
$('#myDiv').text(htmlCode);

CDATA 在这两种情况下都不需要。