你能一起編譯html文件來模擬'include'函數嗎？

我愛上海社會科學院你可以創建混入並重新使用您的代碼通過包含編譯後出口各種SASS文件（取決於您的應用程序）/保存的原因。 PHP可以做一些相同的事情，但我從來沒有見過一個HTML頁面被分解成各種HTML文件，並在導出/保存時被編譯爲一個整體。你能一起編譯html文件來模擬'include'函數嗎？

我不能寫PHP，我不希望這樣的開銷只是爲了讓事情變得更容易，並具有調整一個文件（即「navigation.html」），而不是在網站上的每一頁更改代碼。

爲此我問以下兩種之一：

一個編譯器，如Codekit，可以合併部分的HTML文件一起
一個HTML/JavaScript的/ jQuery的/阿賈克斯（< - 不帶，請指導）的功能體驗，在負載

有超過50頁，調整一件事跨越可以是一個痛苦，但有每個相同的代碼也可以起到一定的均勻性，並創建包含HTML部分組合在一起如surance。這就是爲什麼我希望有一個解決方案，我的要求。

來源

2017-07-14 Sander Schaeffer

據我所知，它不是簡單地在HTML可能，直到你用js，角或PHP或任何其他編程語言。您可以在一個單獨的文件中創建一個公共部分，然後將其包含在主文件中。與所有頁面的頁眉，頁腳和導航一樣，您可以爲所有頁面創建單獨的文件，然後將其包含在主文件中。 – Abhijeet

你的第二個選擇是什麼，我跟你創建通用的「組件」，並根據東西，如父組件的地方插入時的ID工作，它會表現在從JS或jQuery的不同「功能不同的方式或負載庫「，例如，如果菜單組件的父div是'mainMenu'，它將調用顯示主選項的情況。當菜單部件父ID爲「負載」其顯示負載按鈕並在其上添加代碼來加載文件...

頁面1

<div id='mainMenu'></div>

然後頁面2

<div id='load'></div>

然後jQuery

$(document).ready(function(){ 
    component = "<ul id='menu'><li></li></ul>"; 
    $(body).find("div").each(function(){ 
     switch($(this).attr("id") { 
      case "mainMenu": 
       code to add functionality to component; 
       break; 
      case "load": 
       code to add functionality to component; 
       break; 
      default: 
       code to manage error; 
     } 
    }); 
}):

這只是我認爲你可以做的一個例子。

來源

2017-07-14 12:44:55

您可以使用w3-include-html從w3.js

例子：

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

HTML Include

來源

2017-07-14 12:52:09 Galeaettu

你能找到關於瀏覽器支持的東西嗎？我從來沒有讀過這樣的東西。我認爲到IE 9.0是最低限度。 –

我找不到任何有關支持的信息。如果有幫助，它是今年創建的。 https://www.w3schools.com/w3js/w3js_downloads.asp – Galeaettu

你能一起編譯html文件來模擬'include'函數嗎？

回答

相關問題