[英]How to include html file in another html file
我有两个html文件first.html和second.html ，我想将第二个文件包含在第一个文件中以实现代码可重用性。 我正在使用以下语句来包含文件：
<link rel="import" href="html file name here">
但这是行不通的。 我也尝试使用其他解决方案，但没有一个起作用。
因此，提出任何建议。
使用jQuery：
a.html:
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$("#content").load("b.html");
});
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>
b.html:
<p> This is my second file </p>
看这个网站。 http://www.html5rocks.com/zh-CN/tutorials/webcomponents/imports/
它建议什么是最佳做法。 它始终取决于您的实际需求。 为什么不使用镜框？
我认为最好的解决方案是：
使用jQuery：
a.html：
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$("#includedContent").load("b.html");
});
</script>
</head>
<body>
<div id="includedContent"></div>
</body>
</html>
b.html:
<p> This is my include file </p>
这样，我可以得到一个简单干净的解决方案。 http://api.jquery.com/load/
来源： 在HTML文件中包含另一个HTML文件 Google是您的朋友:)
使用jquery的.load()函数加载模板。 请参阅此文档。 http://api.jquery.com/load/
如何使用 gulp 将部分 html 文件包含到另一个 html 文件中？
[英]How to include partial html file into another html file using gulp?
如何使用 Vanilla Javascript 在另一个 html 文件中包含 html 文件？
[英]How to include a html file inside another html file with Vanilla Javascript?
如何在另一个类似php include（）函数的HTML文件中导入HTML
[英]How import html in another html file like php include() function
离线HTML5 .html页面 - 需要将文件包含到另一个文件中
[英]Offline HTML5 .html pages - need to include file into another file
在文档的 HEAD 部分的 HTML 文件中包含另一个 HTML 文件
[英]Include another HTML file in a HTML file in the HEAD section of the document
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.