怎么把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