 |
| 昵稱：奈薇建站網(wǎng) |
| 論壇積分：108060 |
| 發(fā)貼等級：21 |
    
    |
| 發(fā)貼數(shù)：1159 |
| 回貼數(shù)：1282 |
被砸雞蛋： 1 |
獲贈鮮花： 182 |
|
 |
|
|
發(fā)表時間：2019/7/25 18:32:00 |
樓 主 |
|
 |
|
 |
|
如何控制頁面內容的加載順序 目前網(wǎng)站之間相互調用的情況越來越多，比如需要調用某個第三方提供的一些接口（天氣預報），或者是第三方提供的廣告......
但是出于各種原因（網(wǎng)絡故障、服務器故障、軟件故障......）常常會發(fā)生第三方的相應頁面不能訪問的情況，而直接導致自己網(wǎng)站不能正常訪問，或者訪問速度比較慢。
比如：某個網(wǎng)站為頭、內容、底結構，在網(wǎng)站的頭部放置了第三方提供的廣告，但是出于某種原因，第三方的服務不能正常訪問了，直接導致的情況就是，整個網(wǎng)站頭部廣告以下的部分均不能正常訪問
為了解決如上的問題，查閱了很多文章后，找到如下的解決方案：頁面的延時加載（PageDelayLoad）。
在IE中，幾乎每個對象（diviframetd...）均有一個屬性readyState，此屬性反應對象在當前頁面的載入狀態(tài)，當該對象完全載入以后，則當前對象的readyState=="complete"，借助該屬性，可以控制待當前頁面最期待的內容載入完成以后，再載入有可能出錯的頁面（或者是優(yōu)先級不高的頁面）。
詳細代碼如下：
這里是頁面的最頂端內容。
如下的div1div2div3div4可以放置任何第三方的內容，比如廣告。
innerhtml1
說明：此處的寬、高，不一定需要提前設置，可以將此Container的寬、高根據(jù)內部的內容自適應。
innerhtml2
說明：div3中的內容不能正常訪問，直接導致其下最重要的內容不能正常打開，或者要過很久以后才可以正常打開。
innerhtml4
這里是頁面最重要的內容，您每次打開該頁面，均希望該部分內容無論如何可以正常顯示。
這里是頁面的最底端
修復頁面代碼：
精巧軟件www.yuhou.cn
//按照期望的次序排列每個div的Id.vararr1=newArray("div3","div2","div4","div1");//vararr1=newArray("if3","if2","if4","if1");//期望次序div中的內容.vararr2=newArray("換成你期望的內容。","innerhtml2","innerhtml4","innerhtml1");//vararr2=newArray("3.html","2.html","4.html","1.html");//期望次序中iframe的狀態(tài).vararr3=newArray("false","false","false","false");functionshowState(){//判斷當前頁面是否載入完畢if(window.document.body.readyState=="complete"){for(i=0;i
這里是頁面的最頂端內容。
如下的div1div2div3div4全部延時加載。當前頁面中的最重要內容不會因div1div2div3div4內容的損壞，而不能正常訪問。
loading...
loading...
loading...
loading...
這里是頁面最重要的內容，您每次打開該頁面，均希望該部分內容無論如何可以正常顯示。 |
|
 |
 |
 |
|
奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ |
|
|
|
|
|