如何在另一个（或div）中运行/ src一个H​​TML文件？

Question

我正在尝试在另一个html文件中src一个html文件，但最好在另一个html文件的div中。我使用以下方法绑定：

 <? include("./NavigationTree.html"); ?>

但没有发生任何事。 html文件位于同一文件夹中。我正在尝试在容器内部div中运行该文件。  这是我的div代码：

<div class="container-outer">
<div class="container-inner">
</div>
</div>

谢谢！

Answer 1

• 许多服务器端工具都可以做到这一点（Apache Velocity，Java Server Pages，PHP等等）。
• jQuery以及其他一些客户端JavaScript工具也可以。
• HTML支持iframe，允许将页面包含在另一个内部，但我建议不要仅仅使用它来组织网站内容。
• 在将其上传到服务器之前，可能会找到构建静态内容的生成工具，包括一个文件到另一个文件。

简单的静态HTML本身不能轻易地包含在另一个中，而不是笨拙且相对复杂的JavaScript解决方法。

Answer 2

我建议使用jQuery。 .load() method然后它将是一个简单的客户端JavaScript调用：

$('.container-inner').load('./NavigationTree.html');

Answer 3

您可以考虑使用iframe

  

HTML元素（或HTML内联框架元素）表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。在HTML 4.01中，文档可能包含头部和主体或头部和框架集，但不包含主体和框架集。但是，可以在普通文档正文中使用。每个浏览上下文都有自己的会话历史记录和活动文档。包含嵌入内容的浏览上下文称为父浏览上下文。顶级浏览上下文（没有父级）通常是浏览器窗口。