在HTML文件中包含另一个HTML文件

我有2个HTML文件，假设a.html和b.html。在a.html中，我想包括b.html。

在JSF中，我可以这样做:

<ui:include src="b.xhtml" />

这意味着在.xhtml文件中，我可以包含b.xhtml。

我们如何在*.html文件中做到这一点?

当前回答

不要脸的插头一个库，我写了解这个。

https://github.com/LexmarkWeb/csi.js

<div data-include="/path/to/include.html"></div>

上面的代码将获取/path/to/include.html的内容，并用它替换div。

2014-01-13 16:51:27

其他回答

不要脸的插头一个库，我写了解这个。

https://github.com/LexmarkWeb/csi.js

<div data-include="/path/to/include.html"></div>

上面的代码将获取/path/to/include.html的内容，并用它替换div。

2014-01-13 16:51:27

通过Html5rocks教程检查HTML5导入在聚合物项目

例如:

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

2014-03-03 08:41:56

PHP是一种服务器级脚本语言。它可以做很多事情，但一个流行的用途是在页面中包含HTML文档，这与SSI非常相似。与SSI一样，这是一种服务器级技术。如果你不确定你的网站上是否有PHP功能，请联系你的主机提供商。

下面是一个简单的PHP脚本，你可以使用它在任何支持PHP的网页上包含HTML片段:

将网站常用元素的HTML保存到单独的文件中。例如，导航部分可以保存为navigation.html或navigation.php。使用下面的PHP代码将该HTML包含在每个页面中。

<?php require($DOCUMENT_ROOT . "navigation.php"); ?>

在希望包含该文件的每个页面上使用相同的代码。确保将突出显示的文件名更改为包含文件的名称和路径。

2013-12-26 12:45:09

在w3.js中include是这样工作的:

<body>
<div w3-include-HTML="h1.html"></div>
<div w3-include-HTML="content.html"></div>
<script>w3.includeHTML();</script>
</body>

要获得正确的描述，请查看这个:https://www.w3schools.com/howto/howto_html_include.asp

2017-04-12 09:32:40

另一种方法是使用Fetch API和Promise

<html>
 <body>
  <div class="root" data-content="partial.html">
  <script>
      const root = document.querySelector('.root')
      const link = root.dataset.content;

      fetch(link)
        .then(function (response) {
          return response.text();
        })
        .then(function (html) {
          root.innerHTML = html;
        });
  </script>
 </body>
</html>

2019-03-25 03:37:01

在HTML文件中包含另一个HTML文件

推荐文章

最新文章

标签