<!DOCTYPE html><html><head><meta charset='utf-8'><title>引入html</title></head> <body> <!-- 引进的头部 --> <header class="header"></header> <!-- 每个页面的主代码 --> <p>···代码省略···</p> <!-- 引入的尾部 --> <footer class="footer"></footer> <script src="js/jquery.min.js"></script> <script> $(function(){ $(".header").load("header.html"); $(".footer").load("footer.html"); }); </script> </body> </html>
<!-- header.html页面 --> <nav> <ul> <li>首页</li> <li>其他</li> </ul> </nav>
<!-- footer.html页面 --> <div> <p>Copyright ©2018-2019 || 鲁ICP备17036706号</p> <div>
源自：https://blog.csdn.net/qq_35393869/article/details/79803190