由于前后端分离后，前端多页面必须处理公共头部，不然十多个页面，每个页面修改，怕是要疯了，百度后，有两种方案，一是iframe，是之前比较常用的，但总觉得iframe不太好用，最后找到另一种，jq的load方法
1.先写好公共部分的文件，文件内不要有任何页面声明的标签，只需要内容的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");
});
网友评论