如何在HTML文件中包含另一个HTML文件？
如何在HTML文件中包含另一个HTML文件？
提问于 2018-08-10 04:47:51
我有两个HTML文件，假设a.html和b.html。在 a.html里面，我想包括b.html。
在JSF中，我可以这样做：
<ui:include src="b.xhtml" />意思是在a.xhtml文件里面，可以包括b.xhtml。
我们怎么才能在*.html档案？
回答 2
Stack Overflow用户
发布于 2018-08-10 13:09:50
在我看来，最好的解决方案使用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>Stack Overflow用户
发布于 2018-08-10 14:37:17
我通过JavaScript的document.write插入HTML代码，而不是使用jQuery：
a.html：
<html>
<body>
<h1>Put your HTML content before insertion of b.js.</h1>
...
<script src="b.js"></script>
...
<p>And whatever content you want afterwards.</p>
</body>
</html>b.js：
document.write('\
\
<h1>Add your HTML code here</h1>\
\
<p>Notice however, that you have to escape LF's with a '\', just like\
demonstrated in this code listing.\
</p>\
\
');我反对使用jQuery的原因是jQuery.js的大小约为90 kb，我希望尽可能少地加载数据量。
为了在不需要太多工作的情况下获得正确转义的JavaScript文件，可以使用以下sed命令：
sed 's/\\/\\\\/g;s/^.*$/&\\/g;s/'\''/\\'\''/g' b.html > escapedB.html页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100002067
复制相关文章
相似问题
腾讯云开发者
