新接手的項(xiàng)目,經(jīng)過了也不知道幾手了客扎,項(xiàng)目的手法比較‘古老’坯汤,每個頁面的頭部與底部都是單獨(dú)寫點(diǎn)(復(fù)制、粘貼)咱筛,如果每個頁面都復(fù)制一遍搓幌,不僅工作量大而且萬一需要修改一下文章就更麻煩了,這時候就需要我們把公共部分提取出來饲趋,等需要的時候再引入頁面拐揭。在網(wǎng)上找了好久撤蟆,也嘗試了幾次,覺得對前端來說最好的方法就是使用jQuery的load函數(shù)堂污,
/*導(dǎo)入頭部和尾部*/
$(document).ready(function(){
$('footer').load("page/footer.html");
});
需要注意的是:要引入的公共部分不要寫html結(jié)構(gòu)家肯,只要寫頭部或者底部的結(jié)構(gòu)即可