jquery - 将远程 html 加载到 div 容器中但阻止它加载内容

Question

我希望DIV通过本地脚本将一些远程内容加载到一个GET使用 jQuery 的目标 URL 的 HTML 中。

一旦我有了 HTML，我如何将它加载到容器中并防止内容执行外部 CSS 样式表和网站图标等。

因此，我希望 jQuery 可以使用 HTML 来加载图像，但不希望它们显示在我的网页中。

我相信方法是将外部内容加载为可逃避的 json，这是真的吗？如果是这样，我该怎么做？

score 0 · Accepted Answer

你的意思是你只想加载远程内容但不显示在你的页面中？如果是这样，只需将内容添加到“正文”之外的元素中

例如

<body>
...
</body>
<remotecontainer>
<!-- load remote images here -->
</remotecontainer>

score 0 · Accepted Answer

你想用这个来达到什么目的？

您可以在标签内插入代码以防止它加载仅显示代码，或者您可以将所有 img/link 标签从其中剥离。

一种方法是将 < 和 > 重新编码为 html 代码。（例如 < >）

score 0 · Accepted Answer

您可能想要的是<pre>标签，也许是<code>标签。

如果您将 html 实体用于特殊字符，例如<，>您可以显示代码，如下所示：

&lt;img src="image.png" /&gt;

这是一个FIDDLE来展示它是如何工作的。

将 html 显示为文本的另一种方法是将其作为文本节点插入，例如：

var html = '<script type="text/javascript"></script>';
$('element').text(html);

3 回答 3