旗下網站

百科知識庫

報道公司事件 · 傳播行業動态

iframe的(Of)使用(Use)與分析

發布日期:2015-01-10    發布者:傅春波

  首先要(Want)明白iframe的(Of)應用(Use)場景,iframe并不(No)是不(No)能用(Use),而是不(No)能濫用(Use)。

  在(Exist)數據提交上iframe相比ajax能夠提供更高的(Of)穩定性以(By)及兼容度,因此在(Exist)這(This)方面使用(Use)一(One)下無妨;

  同時(Hour)iframe的(Of)作(Do)用(Use)是内嵌網頁,如果需要(Want)引用(Use)别的(Of)網頁做說明,iframe也是必要(Want)的(Of)。

  但是,利用(Use)内嵌網頁的(Of)方式引入固定的(Of)内容是完全錯誤地!雖然現在(Exist)很多開源程序的(Of)後台仍在(Exist)使用(Use)這(This)種做法,這(This)不(No)過是開發者偷懶的(Of)手段而已,在(Exist)前台應用(Use)中應極力避免這(This)種做法,無論是對用(Use)戶還是對搜索引擎的(Of)友好度這(This)種做法都是極傻。

  回到(Arrive)問題來(Come),題主你竟然不(No)知道可以(By)通過後端引入公用(Use)模塊的(Of)方式讓頁面某一(One)區域内容固定!!!将導航欄的(Of)内容抽離成一(One)個(Indivual)模闆,通過後端引入再和(And)本頁的(Of)内容拼接輸出(Out),這(This)是後端新手都應該懂的(Of)常識來(Come)的(Of)吧←_←

  使用(Use)後端引入的(Of)話,每次頁面打開導航區和(And)内容區都是一(One)并加載的(Of),實現的(Of)效果和(And)你在(Exist)每個(Indivual)頁面都複制一(One)個(Indivual)導航區是一(One)樣的(Of)。隻是在(Exist)代碼上文件被拆分方便管理而已。請不(No)要(Want)在(Exist)意每次都要(Want)重新加載導航區,那一(One)點代碼産生(Born)的(Of)帶寬資源占用(Use)和(And)你頁面上的(Of)圖片以(By)及JQ庫比起來(Come)算不(No)了什麽。

  題主想的(Of)方式是使用(Use)ajax讀取每個(Indivual)頁面的(Of)内容并填充到(Arrive)内容區。這(This)麽做并無不(No)妥,但是做法也忒蛋疼了點,還不(No)如直接用(Use)iframe引用(Use)導航欄。ajax是不(No)應該被濫用(Use),在(Exist)一(One)些交互上使用(Use)ajax避免頁面整體刷新減少請求量是一(One)種很方便的(Of)做法,但是頁面切換也用(Use)ajax那就是2B做法了。

  至于(At)高度自适應的(Of)問題,可以(By)通過JS來(Come)做,在(Exist)頁面ready的(Of)時(Hour)候判斷内容區元素的(Of)高度是否未填充滿,不(No)滿則設置到(Arrive)$(window).height()。

Copyright 大(Big)連網龍科技 版權所有 京ICP證000000号  html - txt -

遼公網安備 21021702000140号

電話
客服