从外部 HTML 文档调用 HTML div

Question

所以这就是我想做的……

我有一个单独的 HTML 页面作为网站，并且我的客户希望偶尔能够访问和更改/添加措辞的某个部分（在 div 内）。我不想让他访问整个 HTML 页面，因为他可能会破坏它。

所以我想要做的是建立一个单独的 HTML 文档 - 有一组简单的 div 很容易让他改变 - 与信息，然后从主 HTML 文档中调用这个外部 div 到页（在该特定部分）。无法为我的生活弄清楚该怎么做。

有什么想法吗？

Answer 1

您可以使用jQuery.load() 来完成。来自文档：

$( "#result" ).load( "ajax/test.html" );

Answer 2

您可以在特定的div 中使用iframe，将外部html page 传递为iframe source

HTML：

<div>
<iframe src="external.html"></iframe>
</div>

• HTML 元素（或 HTML 内嵌框架元素）表示嵌套的浏览上下文，有效地将另一个 HTML 页面嵌入到当前页面中。
• iframe 的优点是您可以只加载 iframe 内容，而无需再次刷新/加载主 html。