因为网站的导航栏和底部都是一样，不共用的话，修改起来很麻烦。
网上最推荐的方法：Jquery的load()，如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".headerPage").load("header.html");
$(".footerPage").load("footer.html");
});
</script>
</head>
<body>
<div class="headerPage"></div>
<div>content</div>
<div class="footerPage"></div>
</body>
</html>
但是load() 是ajax方法，从服务器加载数据，跨域会报错。如果是本地测试，不要用webkit核心浏览器，如chrome，Edge。
不然就会和我一样造成页面闪烁。
解决方法及参考文章：https://zhuanlan.zhihu.com/p/129675694
5051
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
