多个HTML页面共同调用一段html代码

方法：使用$("selector").load()
为了避免多页面情形下的代码重复，可以利用 load() 方法，将重复的部分（例如导航栏）放入单独的文件

/1.当前文件中要插入的地方使用此结构：
<div class="include" file="***.html"></div>
 
//2.***.html中放入内容，用html格式仅仅因为会有编辑器的书写辅助。。
 
//3.代码：

$(".include").each(function() {
    if (!!$(this).attr("file")) {
        var $includeObj = $(this);
        $(this).load($(this).attr("file"), function(html) {
            $includeObj.after(html).remove(); //加载的文件内容写入到当前标签后面并移除当前标签
        })
    }
});

或者在index文件里只写重复部分，剩下的一股脑放各自单独文件 load() 进来~
————————————————
版权声明：本文为CSDN博主「葉無聞」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/HU_YEWEN/article/details/80690491