怎么把html页面中共用的底部代码做成共享模块
问:
很多时候,我们在设计网站时会发现,站内每一个页面的header跟footer其实都是一样的,如果每个页面都写header跟footer就会显示代码冗余而且维护也不方便,
这时候最好的做法就是把相同的头部跟底部做成共享模块,每个页面直接引入该模块,既简介又方便维护
方法1:
JQuery 首先引入jquery包,然后创建两个div,用来放置header跟footer;然后利用jquery的load()事件把公用部分加载进来
![](https://images2018.cnblogs.com/blog/922662/201803/922662-20180329193618144-1705128925.jpg)
方法2:
将footer写一个新的html文件。
如:
<div class="footer"> <iframe src="footer.html" frameborder="0" scrolling="no"></iframe> </div>
方法3:
直接写一个js文件 取名footer.js 动态加载~~把footer写进js里,用document.writeln 即可解决你的问题
方法4:
如果你是用php 写的话就更简单了 直接 include引入footer页面就可以了
作者:青茶
免责声明:文章、笔记等仅供分享、探讨、参考等学习之用,因此造成的任何后果概不负责。(如有错误、疏忽等问题,欢迎指正、讨论,谢谢)
本文版权归作者和博客园共有,欢迎转载,但请务必在文章页面明显位置给出原文连接,谢谢配合。