怎么把html页面中共用的底部代码做成共享模块

问:

很多时候,我们在设计网站时会发现,站内每一个页面的header跟footer其实都是一样的,如果每个页面都写header跟footer就会显示代码冗余而且维护也不方便,

这时候最好的做法就是把相同的头部跟底部做成共享模块,每个页面直接引入该模块,既简介又方便维护

方法1:

JQuery   首先引入jquery包,然后创建两个div,用来放置header跟footer;然后利用jquery的load()事件把公用部分加载进来

 

方法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页面就可以了

原文地址:https://www.cnblogs.com/lazb/p/8672176.html