在HTML文件中包含另一个HTML文件我有2个HTML文件，假设a.html和b.html。在a.html我想包括b.html。在JSF中，我可以这样做：<ui:include src="b.xhtml" />这意味着内部a.xhtml文件，我可以包括b.xhtml。我们怎么能在*.html文件中做到这一点？
4 回答
慕桂英3389331
TA贡献2036条经验 获得超8个赞
在我看来，最好的解决方案使用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>
这个方法是解决我的问题的简单而干净的解决方案。
jQuery .load()文档就在这里。
拉丁的传说
TA贡献1789条经验 获得超8个赞
从上面扩展lolo的答案，如果你需要包含很多文件，这里有一点自动化：
<script>
$(function(){
var includes = $('[data-include]');
jQuery.each(includes, function(){
var file = 'views/' + $(this).data('include') + '.html';
$(this).load(file);
});
});</script>然后在html中包含一些内容：
<div data-include="header"></div><div data-include="footer"></div>
其中包括文件views / header.html和views / footer.html
绝地无双
TA贡献1946条经验 获得超4个赞
通过Html5rocks教程 和聚合物项目导出 HTML5导入
例如：
<head> <link rel="import" href="/path/to/imports/stuff.html"></head>
- 4 回答
- 0 关注
- 2946 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消