如何控制頁面內容的加載順序 -網上推廣 |
|
轉載 http://bbl456.blog.sohu.com/72162079.html 目前網站之間相互調用的情況越來越多,比如 需要調用某個第三方提供的一些接口(天氣預報),或者是第三方提供的廣告…… 但是出于各種原因(網絡故障、服務器故障、軟件故障……)常常會發生第三方的相應頁面不能訪問的情況,而直接導致自己網站不能正常訪問,或者訪問速度比較慢。 比如:某個網站為頭、內容、底 結構,在網站的頭部放置了第三方提供的廣告,但是出于某種原因,第三方的服務不能正常訪問了,直接導致的情況就是,整個網站 頭部廣告 以下的部分均不能正常訪問(或者要過很久以后才能打開,昨天的臺灣大地震,導致了 Google Adsense 不能正常訪問,直接導致了我的個人網站 http://www.oldtool.net 不能正常打開。)。 為了解決如上的問題,查閱了很多文章后,找到如下的解決方案:頁面的延時加載(Page Delay Load)。 在IE中,幾乎每個對象(div iframe td …)均有一個屬性 readyState(http://msdn2.microsoft.com/en-us/library/ms534358.aspx) ,此屬性反應對象在當前頁面的載入狀態,當該對象完全載入以后,則當前對象的 readyState==”complete” ,借助該屬性,可以控制待當前頁面最期待的內容載入完成以后,再載入有可能出錯的頁面(或者是優先級不高的頁面)。 詳細代碼如下: 問題頁面代碼: 這里是頁面的最頂端內容。
如下的 div1 div2 div3 div4 可以放置任何第三方的內容,比如廣告。
inner html 1
說明:此處的 寬、高,不一定需要提前設置,可以將此 Container 的寬、高根據內部的內容自適應。
inner html 2
說明:div3中的內容不能正常訪問,直接導致其下最重要的內容不能正常打開,或者要過很久以后才可以正常打開。
inner html 4
這里是頁面最重要的內容,您每次打開該頁面,均希望該部分內容無論如何可以正常顯示。
這里是頁面的最底端
修復頁面代碼: 這里是頁面的最頂端內容。
如下的 div1 div2 div3 div4 全部延時加載。 當前頁面中的最重要內容不會因 div1 div2 div3 div4 內容的損壞,而不能正常訪問。
loading…
loading…
loading…
loading…
這里是頁面最重要的內容,您每次打開該頁面,均希望該部分內容無論如何可以正常顯示。
這里是頁面的最底端
|
2 月
15
發佈留言