判斷iframe是否載入完畢,在執行某方法
阿新 • • 發佈:2019-01-02
最近, Nicholas C. Zakas 文章 《Iframes, onload, and document.domain》的評論中 Christopher 提供了一個新的判斷方法(很完美):var iframe = document.createElement("iframe"); iframe.src = "http://www.jb51.net"; if (!/*@[email protected]*/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);
var iframe = document.createElement("iframe"); iframe.src = "http://sc.jb51.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 事件有一些潛在的問題。