由于前后端分離后末秃,前端多頁面必須處理公共頭部概页,不然十多個頁面,每個頁面修改练慕,怕是要瘋了惰匙,百度后,有兩種方案铃将,一是iframe项鬼,是之前比較常用的,但總覺得iframe不太好用劲阎,最后找到另一種绘盟,jq的load方法
1.先寫好公共部分的文件,文件內(nèi)不要有任何頁面聲明的標簽,只需要內(nèi)容的html部分
<ul class="g-flex">
<li class="g-flex-auto"><a href="#" class="i-b">首頁</a></li>
<li class="g-flex-auto"><a href="#" class="i-b">分類</a></li>
<li class="g-flex-auto"><a href="#" class="i-b">訂單</a></li>
<li class="g-flex-auto"><a href="#" class="i-b">我的</a></li>
</ul>
2.在需要引入的主頁面寫入jq奥此,引入公共部分的文件
$(document).ready(function(){
$(".head").load("head.html");
});