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

由于前后端分离后,前端多页面必须处理公共头部,不然十多个页面,每个页面修改,怕是要疯了,百度后,有两种方案,一是iframe,是之前比较常用的,但总觉得iframe不太好用,最后找到另一种,jq的load方法

1.先写好公共部分的文件,文件内不要有任何页面声明的标签,只需要内容的html部分



2.在需要引入的主页面写入jq,引入公共部分的文件

$(document).ready(function(){
       $(".head").load("head.html");
    });

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

你可能感兴趣的:(多个html 引入公共的头部和底部)