怎么把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页面就可以了