javascript - 我想在一個網站中每一個頁面使用公用的頭部底部，怎麼實現，不要太高深的

我想在一個網站中每一個頁面使用公用的頭部底部，怎麼實現，不要太高深的。

回複內容：

我想在一個網站中每一個頁面使用公用的頭部底部，怎麼實現，不要太高深的。

僅供參考：

• 使用JS動態請求統一的頭尾，然後插入指定位置

• 後端方案，#include('header.vm') 批量修改模板，但是得注意相容問題

• 伺服器端，如果使用的是 nginx，開啟 sub_filter 模組

subs_filter '' '公用頭JS代碼' i;

推薦使用第一種方法，總有公用的JS引用吧！

可以使用模板啊，前端的模板我知道jade。可以把公用部分定義為mixin，然後include到每個需要的頁面中，具體參考這裡

在php後端，你也可以定義一個變數，把需要的html作為字串儲存在這個變數裡，然後echo到每個頁面中。
當然，這需要你先定義一個父類，所有請求先通過這個父類，父類處理一些公用邏輯，比如加header/footer，子類則處理更具體的邏輯。

反正都需要一定的重構。

主要看你用的什麼架構，大多數架構都有模板，利用模板就能提出公用組件，拿來複用。

header
內容
footer

頁面1.html

include 'header';頁面1內容include 'footer';

頁面2.html

include 'header';頁面2內容include 'footer';

建立一個header.php和一個footer.php，裡面寫你要的header和footer的內容

然後在要引入header和footer的頁面

其他內容

PHP實現：

include 'header.html';...include 'footer.html';

JS實現：

...

是的，定義公用的標頭檔和尾檔案後，在主檔案中進行包含就可以了，至於變數什麼的，處理都一樣
http://document.thinkphp.cn/manual_3_2.html#template_layout

