HTML引用公共页面(header.html和footer.html)

HTML引用公共页面(header.html和footer.html)

我们做项目时,会发现许多页面有相同的部分,重复写会花费大量不必要的时间,复制的话修改不方便。只要我们把公共部分提取出来,单独写,在需要用的时候引入就可以。

<body>
<div class="headerpage"></div>
<div>...中间部分...</div>
<div class="footerpage"></div>
<script src="js/jquery/2.0.0/jquery.min.js"></script>
<script>
    $(function(){
        $(".headerpage").load("header.html");
        $(".footerpage").load("footer.html");
    });
</script>
</body>

版权声明:本文为senmu_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。