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

时间:2012-07-22 15:43:14

标签: jquery json

我希望通过本地脚本将一些远程内容加载到DIV中,GET使用jQuery从目标URL中{{1}}。

我有了HTML后如何将其加载到容器中并阻止内容执行外部CSS样式表和favicons等。

所以我希望jQuery可以使用HTML加载图片,但不希望它们显示在我的网页上。

我相信加载外部内容的方式是可以逃避的json这是真的吗?如果是这样,我怎么能这样做?

3 个答案:

答案 0 :(得分:0)

你的意思是你只想加载远程内容但不在页面中显示它? 如果是这样,只需将内容添加到“body”

中的元素即可

e.g。

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

答案 1 :(得分:0)

你想用这个来实现什么?

您可以在代码中插入代码以防止仅在显示代码时加载代码,或者您可以将所有img / link标记从其中删除。

一种方法也是重新编码&lt;和&gt;进入HTML代码。 (例如&lt;&gt;)

答案 2 :(得分:0)

您可能想要的是<pre>标记,可能带有<code>标记。

如果您对<>等特殊字符使用html实体,则可以显示代码,如下所示:

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

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

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

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