在其他的HTML页面加上这两个 。
<!--引入头部-->
<div id="header"></div>
<!-- 头部 end -->
<!--引入尾部-->
<div id="footer"></div>
<!--导入布局js,共享header和footer-->
<script type="text/javascript" src="js/include.js"></script>
引入自己创建一个js文件,在html中引入。
$(function () { $.get("header.html",function (data) { $("#header").html(data); }); $.get("footer.html",function (data) { $("#footer").html(data); }); });