html引入头部和底部页面，简单实现

在其他的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);
    });
});