如何控制頁面內容的載入順序

2021-08-30 03:12:28 字數 1528 閱讀 8884

目前**之間相互呼叫的情況越來越多,比如 需要呼叫某個第三方提供的一些介面(天氣預報),或者是第三方提供的廣告......

但是出於各種原因(網路故障、伺服器故障、軟體故障......)常常會發生第三方的相應頁面不能訪問的情況,而直接導致自己**不能正常訪問,或者訪問速度比較慢。

比如:某個**為 頭、內容、底 結構,在**的頭部放置了第三方提供的廣告,但是出於某種原因,第三方的服務不能正常訪問了,直接導致的情況就是,整個** 頭部廣告 以下的部分均不能正常訪問(或者要過很久以後才能開啟,昨天的台灣大**,導致了 google adsense 不能正常訪問,直接導致了我的個人** 不能正常開啟。)。

為了解決如上的問題,查閱了很多文章後,找到如下的解決方案:頁面的延時載入(page delay load)。

在 ie 中,幾乎每個物件(div iframe td ... )均有乙個屬性 readystate( ,此屬性反應物件在當前頁面的載入狀態,當該物件完全載入以後,則當前物件的 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...

這裡是頁面最重要的內容,您每次開啟該頁面,均希望該部分內容無論如何可以正常顯示。

這裡是頁面的最底端

#js中setinterval與settimeout用法

js裡設定延時:

使用setinterval和設定延時函式settimeout 很類似。settimeout 運用在延遲一段時間,再進行某項操作。

settimeout("function",time) 設定乙個超時物件

setinterval("function",time) 設定乙個超時物件

setinterval為自動重複,settimeout不會重複。

cleartimeout(物件) 清除已設定的settimeout物件

clearinterval(物件) 清除已設定的setinterval物件

如何控制頁面內容的載入順序

在ie中,幾乎每個物件 div iframe td 均有乙個屬性 readystate,此屬性反應物件在當前頁面的載入狀態,當該物件完全載入以後,則當前物件的 readystate complete 借助該屬性,可以控制待當前頁面最期待的內容載入完成以後,再載入有可能出錯的頁面 或者是優先順序不高的...

js 控制父子頁面的載入順序

案例情況 在父網頁中存在iframe 如下 id divhome title 首頁 frameborder 0 id divhomeiframe style width 100 height 100 name sysmain src first.html 父網頁中存在載入事件函式,iframe網頁中...

頁面載入順序

1.window.onload function 這段 會在整個頁面的document全部載入完成以後執行。不幸的這種方式不僅要求頁面的dom tree全部載入完成,而且要求所有的外部和資源全部載入完成。更不幸的是,如果外部資源,例如需要很長時間來載入,那麼這個js效果就會讓使用者感覺失效了。2.f...