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

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM