目前網(wǎng)站之間相互調(diào)用的情況越來(lái)越多，比如 需要調(diào)用某個(gè)第三方提供的一些接口（天氣預(yù)報(bào)），或者是第三方提供的廣告......

但是出于各種原因（網(wǎng)絡(luò)故障、服務(wù)器故障、軟件故障......）常常會(huì)發(fā)生第三方的相應(yīng)頁(yè)面不能訪問(wèn)的情況，而直接導(dǎo)致自己網(wǎng)站不能正常訪問(wèn)，或者訪問(wèn)速度比較慢。

為了解決如上的問(wèn)題，查閱了很多文章后，找到如下的解決方案：頁(yè)面的延時(shí)加載。

在IE中，幾乎每個(gè)對(duì)象均有一個(gè)屬性 readyState，此屬性反應(yīng)對(duì)象在當(dāng)前頁(yè)面的載入狀態(tài)，當(dāng)該對(duì)象完全載入以后，則當(dāng)前對(duì)象的 readyState=="complete" ，借助該屬性，可以控制待當(dāng)前頁(yè)面最期待的內(nèi)容載入完成以后，再載入有可能出錯(cuò)的頁(yè)面（或者是優(yōu)先級(jí)不高的頁(yè)面）。

詳細(xì)代碼如下：

問(wèn)題頁(yè)面代碼：




















修復(fù)頁(yè)面代碼：







// 按照 期望的次序 排列每個(gè) div 的 Id.
var arr1=new Array("div3","div2","div4","div1");
//var arr1=new Array("if3","if2","if4","if1");
// 期望 次序 div 中的內(nèi)容.
var arr2=new Array("換成你期望的內(nèi)容。","inner html 2","inner html 4","inner html 1");
//var arr2=new Array("3.html","2.html","4.html","1.html");
// 期望 次序 中 iframe 的狀態(tài).
var arr3=new Array("false","false","false","false");
function showState()
{
// 判斷 當(dāng)前頁(yè)面是否載入完畢
if(window.document.body.readyState=="complete")
{
for(i=0;i {
if(arr3[i]=="false")
{
document.getElementById(arr1[i]).innerHTML=arr2[i];
arr3[i]="true";
return ;
}
}
}
}
// 每間隔 2 秒后調(diào)用如上方法, 當(dāng)然,正常應(yīng)用應(yīng)該將此時(shí)間間隔設(shè)置小一些, 此處 僅 為了方便大家看效果
setInterval("showState()",2000);

這里是頁(yè)面的最頂端內(nèi)容。

如下的 div1 div2 div3 div4 全部延時(shí)加載。 當(dāng)前頁(yè)面中的最重要內(nèi)容不會(huì)因 div1 div2 div3 div4 內(nèi)容的損壞，而不能正常訪問(wèn)。

loading...

loading...

loading...

loading...

這里是頁(yè)面最重要的內(nèi)容，您每次打開(kāi)該頁(yè)面，均希望該部分內(nèi)容無(wú)論如何可以正常顯示。

這里是頁(yè)面的最底端

禁止轉(zhuǎn)載 廣州幻色互動(dòng)為您提供專業(yè)網(wǎng)站建設(shè)服務(wù)