很老的東西，記下來(lái)下，萬(wàn)一以后要用到

一般來(lái)說(shuō)，我們判斷 iframe 是否加載完成其實(shí)與 判斷 JavaScript 文件是否加載完成 采用的方法很類似：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; ?? if (!/*@cc_on!@*/0) { //if not IE ????iframe.onload = function(){ ????????alert("Local iframe is now loaded."); ????}; } else { ????iframe.onreadystatechange = function(){ ????????if (iframe.readyState == "complete"){ ????????????alert("Local iframe is now loaded."); ????????} ????}; } ?? document.body.appendChild(iframe);

最近， Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的評(píng)論中 Christopher 提供了一個(gè)新的判斷方法（很完美）：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; ?? if (iframe.attachEvent){ ????iframe.attachEvent("onload", function(){ ????????alert("Local iframe is now loaded."); ????}); } else { ????iframe.onload = function(){ ????????alert("Local iframe is now loaded."); ????}; } ?? document.body.appendChild(iframe);

幾點(diǎn)補(bǔ)充說(shuō)明：

IE 支持 iframe 的 onload 事件，不過(guò)是隱形的，需要通過(guò) attachEvent 來(lái)注冊(cè)。

第二種方法比第一種方法更完美，因?yàn)?readystatechange 事件相對(duì)于 load 事件有一些潛在的問(wèn)題。

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的判断 iframe 是否加载完成的完美方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。