跨頁面重複使用頁眉和頁腳

Question

我在頁眉部分擁有所有菜單。點擊菜單鏈接時，只有內容發生變化，但頁眉和頁腳仍保持不變。 我正在考慮兩種選擇。

1. 將內容部分放入iframe中。

2. include（'header.jsp'）;

   //呈現頁面特定內容...

   include（'footer.jsp'）;

有沒有更好的方法來做到這一點？是否會像jQuery .load（）那樣提高性能？

Answer 1

使用jQuery的加載是一個不錯的選擇，只要確保你在你的javascript之前加載你的HTML。所有你需要的是內容部分加載到，例如：

隨着內容部分：

<div id='content'></div> 

和下面的代碼：

$('#content').load('/includes/content2.html', function(){ 
    // load scripts here 
});