很老的東西，記下來下，萬一以后要用到

一般來說，我們判斷 iframe 是否加載完成其實與 判斷 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》的評論中 Christopher 提供了一個新的判斷方法（很完美）：

?

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);

幾點補充說明：

IE 支持 iframe 的 onload 事件，不過是隱形的，需要通過 attachEvent 來注冊。

第二種方法比第一種方法更完美，因為 readystatechange 事件相對于 load 事件有一些潛在的問題。

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。