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