如何在另一个 html 文件中导入 html，如 php include() 函数答案

【问题标题】：How import html in another html file like php include() function如何在另一个 html 文件中导入 html，如 php include() 函数
【发布时间】：2015-06-26 13:28:05
【问题描述】：

我想在我的所有页面中包含页眉和页脚。我可以使用 include() 函数将其包含在 php 中。但我只有 .html 文件。那么是否有任何 html 标记来包含另一个 html 文件。

【问题讨论】：

如果你的服务器支持，可以使用Server Side Includes

标签： javascript jquery html

【解决方案1】：

使用 jquery 你可以做一个 ajax 请求：

 $('footer').load('/yourPage.html', function () {
    //if you need to do something after
 });

【讨论】：

【解决方案2】：

使用 HTML 导入

<head>
  <link rel="import" href="/path/to/file/file.html">
</head>

并将其用于：

var content = document.querySelector('link[rel="import"]').import;

【讨论】：

我试过了。但它没有在浏览器中呈现。但是在代码视图中添加了外部文件标记
@sasikumar 您仍然需要将内容插入到 dom 的某处。他的代码仅将其存储到内容变量中。如果您有 dom 节点，请使用 developer.mozilla.org/en-US/docs/Web/API/Node/appendChild 如果您有文本，请使用 .innerHTML。