HTML模板
[英]HTML templating
問題描述
我想知道是否可以設置某種HTML模板系統，基本上我有3個不同的文件：-header.html-footer.html -landing.html（landing.html是包含頁面的主要模板）
本質上，我只希望人們編輯Landing.html，並且當他們打開此文件時，應該將header.html和footer.html插入此文件中。
所以header.html將是：
<!DOCTYPE>
<html>
<head></head>
<body>
footer.html將是
</body>
</html>
和Landing.html將包含所有html來顯示頁面，但是所有這些都應在沒有任何形式的預處理或生成器的情況下完成，可以使用javascript來完成，但是我希望人們只打開landing.html並擁有頁眉和頁腳插入其中。
這樣的事情有可能嗎？
1 個解決方案
解決方案1
1 2013-11-11 09:15:21
您可以為此使用一些jQuery，
在landing.html中 ：
$(document).ready(function(e) {
var header;
$.get('header.html', function(data){
header= data;
$("body").prepend(header);
});
var footer;
$.get('footer.html', function(data){
footer= data;
$("body").append(footer);
});
});
使用以上代碼，您可以請求位於同一根目錄中的header.html和footer.html頁面。 但是我不認為這是合適的模板。
像PHP模板一樣的HTML模板
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.