怎么在html中引入公共的html页面，如header.html,footer.html -一个渣渣

我们在做项目的时候经常会遇到一样的头部和底部，如果每个页面都复制一遍，不仅工作量大而且万一需要修改一下文章就更麻烦了，这时候就需要我们把公共部分提取出来，等需要的时候再引入页面。在网上找了好久，也尝试了几次，觉得对前端来说最好的方法就是使用jQuery的load函数，

<body>
    <div id="page1"></div>
    <div id="page2"></div>
    <script>
          $("#page1").load("page/Page_1.html");
          $("#page2").load("page/Page_2.html");
    </script>
</body>

但是这里边存在一个坑，就是我们要引入的公共html页面，无需把页面写完整，只需要包括我们所需的代码片段就可以。因为一个html页面只允许存在一个body，去掉所有的<html><body>标签。切记！！！

转载自原文链接, 如需删除请联系管理员。

原文链接：怎么在html中引入公共的html页面，如header.html,footer.html，转载请注明来源！