如何使用jQuery / JavaScript在HTML模板中分隔頁眉頁腳和側邊欄

Question

我有一個帶有頁眉，頁腳和側邊欄的模板； 我想將它們分成單獨的文件，並將其包含在主模板中。 以前我使用過PHP，通過include()或required()函數很容易做到這一點，但是由於我使用的是node.js而不是PHP，所以我不知道該怎么做。

Answer 1

<script>
 $(document).ready(function (e) {
$( "#header" ).load( "header.html" );
$( "#sidebar" ).load( "sidebar.html" );
$( "#footer" ).load( "footer.html" );

});
</script>

您可以使用jQuery。

Answer 2

我想做類似的事情

<% include ../partials/head %>

在您看來應該可以正常工作。 您也可以在這里查看更多信息

Answer 3

您可以使用W3schools庫輕松實現此目的。

更多信息在這里

在您的HTML中添加此腳本

<script src="https://www.w3schools.com/lib/w3.js"></script>

調用w3.includeHTML（）以包含HTML：

<script>
w3.includeHTML();
</script>

完整的例子

<!DOCTYPE html>
<html>
<script src="https://www.w3schools.com/lib/w3.js"></script>

<body>

<div w3-include-html="content.html"></div> 

<script>
w3.includeHTML();
</script>

</body>
</html>

如何使用jQuery / JavaScript在HTML模板中分隔頁眉頁腳和側邊欄

問題描述

3 個解決方案

解決方案1
2 已采納 2018-02-03 16:32:16

解決方案2
0 2018-02-03 16:27:01

解決方案3
0 2018-02-03 16:37:19

如何使用jQuery / JavaScript在HTML模板中分隔頁眉頁腳和側邊欄

問題描述

3 個解決方案

解決方案1 2 已采納 2018-02-03 16:32:16

解決方案2 0 2018-02-03 16:27:01

解決方案3 0 2018-02-03 16:37:19

解決方案1
2 已采納 2018-02-03 16:32:16

解決方案2
0 2018-02-03 16:27:01

解決方案3
0 2018-02-03 16:37:19