多个html 引入公共的头部和底部

由于前后端分离后，前端多页面必须处理公共头部，不然十多个页面，每个页面修改，怕是要疯了，百度后，有两种方案，一是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");
    });

参考：https://blog.csdn.net/bobobocai/article/details/72677927