旗下(xià)網站
s

百科知識庫

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

iframe的(de)使用(yòng)與分(fēn)析

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

  首先要明(míng)白iframe的(de)應用(yòng)場(chǎng)景,iframe并不是不能用(yòng),而是不能濫用(yòng)。

  在數據提交上iframe相比ajax能夠提供更高(gāo)的(de)穩定性以及兼容度,因此在這(zhè)方面使用(yòng)一下(xià)無妨;

  同時(shí)iframe的(de)作用(yòng)是内嵌網頁,如果需要引用(yòng)别的(de)網頁做(zuò)說明(míng),iframe也(yě)是必要的(de)。

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

  回到問題來(lái),題主你竟然不知道可(kě)以通(tōng)過後端引入公用(yòng)模塊的(de)方式讓頁面某一區(qū)域内容固定!!!将導航欄的(de)内容抽離成一個(gè)模闆,通(tōng)過後端引入再和(hé)本頁的(de)内容拼接輸出,這(zhè)是後端新手都應該懂(dǒng)的(de)常識來(lái)的(de)吧←_←

  使用(yòng)後端引入的(de)話(huà),每次頁面打開導航區(qū)和(hé)内容區(qū)都是一并加載的(de),實現的(de)效果和(hé)你在每個(gè)頁面都複制一個(gè)導航區(qū)是一樣的(de)。隻是在代碼上文件被拆分(fēn)方便管理(lǐ)而已。請不要在意每次都要重新加載導航區(qū),那一點代碼産生的(de)帶寬資源占用(yòng)和(hé)你頁面上的(de)圖片以及JQ庫比起來(lái)算(suàn)不了(le)什(shén)麽。

  題主想的(de)方式是使用(yòng)ajax讀取每個(gè)頁面的(de)内容并填充到内容區(qū)。這(zhè)麽做(zuò)并無不妥,但是做(zuò)法也(yě)忒蛋疼了(le)點,還(hái)不如直接用(yòng)iframe引用(yòng)導航欄。ajax是不應該被濫用(yòng),在一些交互上使用(yòng)ajax避免頁面整體刷新減少請求量是一種很方便的(de)做(zuò)法,但是頁面切換也(yě)用(yòng)ajax那就是2B做(zuò)法了(le)。

  至于高(gāo)度自适應的(de)問題,可(kě)以通(tōng)過JS來(lái)做(zuò),在頁面ready的(de)時(shí)候判斷内容區(qū)元素的(de)高(gāo)度是否未填充滿,不滿則設置到$(window).height()。

Copyright 大(dà)連網龍科技 版權所有   html - txt -

電話(huà)
客服
目錄auth下(xià)缺少key.txt,請前往官網獲取授權