怎么吧html的头部存到一个文件,多个页面引用公共的头部 header.html 和尾部 footer.html...

方法：通过load()函数，引入公共头部和尾部文件;

js代码预览：

$(".headerPage").load("header.html");

$(".footerPage").load("footer.html");

步骤：

1. 把头部代码和尾部代码分别单独写到一个新的html页面(头部header.html  尾部footer.html)，以便引用；

2. 在index.html页面  把放头部的地方  写

把放尾部的地方  写

3. 在index.html页面，引入js

再写js代码(只要是公共部分就可以引用)

$(".headerPage").load("header.html");

$(".footerPage").load("footer.html");

原文：https://www.cnblogs.com/6531792-j/p/10768639.html