html頁面分割成塊

使用jquery的load() 方法

引入jquery   （推薦一個很好的免費cdn http://www.bootcdn.cn/）  

創建一個index.html

<div id="head"></div> 
<div id="content"></div> 
<div id="foot"></div>  

<script> 
$('#head').load('head.html');
$('#content').load('content.html');
$('#foot').load('foot.html'); 
</script>

載入遠程HTML文件代碼並插入至DOM中，默認使用GET方式。

load(url,data,callback)

參數說明：

url：待加載的HTML網頁網址

data：發送至服務器的key / value數據。在jQuery 1.3中也可以接受一個字符串了。

callback：載入成功時回調函數

注意事項：需要控制好css樣式，最好寫在index.html 或者在index.html進行引用

js可能會產生一些不好用的狀態，例如點擊事件，可以依靠事件委托進行處理，例如$('body').on('click','#header',function(){alert('ok') });