在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 關注
- 3057 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消