javascript - 如何让浏览器不解析从 javascript 添加的新 HTML 代码

Question

我想使用 ajax 从我的服务器向我的网页添加一些文本，但文本包含一些 html 标签，浏览器倾向于解析该代码并呈现它。我不想要这种行为，我想附加该文本而不解析 html 标签。有办法实现吗？

Answer 1

您必须对返回的“HTML”进行编码。基本上你必须替换 < , >和&与 < , >和& .

例如，如果您在服务器端使用 PHP，则可以使用 htmlspecialchars() 来执行此操作- 其他语言可能有类似的函数或方法(cgi.escape 用于 python，HTML:Entities 用于 Perl，System.Web.HttpUtility.HtmlEncode 用于 asp.net ...)。

如果您对看起来像这样的重新调整的字符串执行此操作

this is <strong>bold</strong> text

在您的浏览器中显示为

this is bold text

你的输出将更改为

this is <strong>bold</strong> text

将显示为

this is <strong>bold</strong> text