从外部HTML文档调用HTML Div

Question

所以这就是我想做的......

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

所以我想要做的是设置一个单独的HTML文档 - 用一组简单的div来轻松改变 - 用信息，然后从主HTML文档中调用这个外部div组成页面（在该特定部分）。不能为我的生活弄清楚如何去做。

有什么想法吗？

Answer 1

您可以使用jQuery.load()执行此操作。来自文档：

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

Answer 2

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

HTML：

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

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