javascript檢測iframe是否已經載入完畢
本章節介紹一下,如何判斷一個iframe是否載入完畢。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼var iframe = document.createElement("iframe"); iframe.src = "http://www.softwhy.com"; //如果不是低版本IE瀏覽器 if (!/*@cc_on!@*/0) { iframe.onload = function(){ alert("iframe載入完畢"); }; } else { iframe.onreadystatechange = function(){ if (iframe.readyState == "complete"){ console.log("iframe載入完畢"); } }; } document.body.appendChild(iframe);
下面是一種更好的方式,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼var iframe = document.createElement("iframe"); iframe.src = "http://www.softwhy.com"; //低版本IE瀏覽器 if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ console.log("iframe載入完畢"); }); } //標準瀏覽器 else { iframe.onload = function(){ console.log("iframe載入完畢"); }; } document.body.appendChild(iframe);
特別說明:
(1).IE 支援iframe的onload事件,不過是隱形的,需要通過attachEvent來註冊。
(2).第二種方法比第一種方法更完美,因為readystatechange事件相對於load事件有一些潛在的問題。
相關文章
- JavaScript判斷iframe是否載入完畢JavaScript
- javascript判斷iframe頁面載入完畢方法簡單介紹JavaScript
- 如何判斷js檔案是否載入完畢JS
- js如何判斷<img>圖片是否載入完畢JS
- js如何判斷img圖片是否載入完畢JS
- jquery如何判斷js檔案是否載入完畢jQueryJS
- 如何判斷一個img圖片是否載入完畢
- js判斷引入的js檔案是否載入完畢JS
- js檢測css3動畫是否執行完畢程式碼例項JSCSSS3動畫
- javascript判斷flash檔案載入完畢程式碼例項JavaScript
- javascript如何讓頁面載入完畢再去執行程式碼JavaScript行程
- 檢測php網站是否已經被攻破的方法PHP網站
- 如何使用 Apache 控制命令檢查它的模組是否已經啟用或載入Apache
- js如何判斷頁面是否已經載入完成JS
- springboot中執行完某些邏輯後,才算bean載入完,applicationContext才載入完畢Spring BootBeanAPPContext
- 檢測表中行記錄是否已存在
- 檢查RPM包是否已經安裝
- JavaScript系列:動態建立iframe並載入頁面JavaScript
- jQuery如何實現頁面載入完畢再去程式碼jQuery
- jQuery ajax載入完畢再去執行後面的程式碼jQuery
- 用JavaScript檢測使用者是否線上JavaScript
- JavaScript判斷animation動畫執行完畢JavaScript動畫
- JavaScript 判斷transition動畫執行完畢JavaScript動畫
- javascript如何檢測一個圖片是否存在JavaScript
- ajax請求完畢之前顯示正在載入程式碼例項
- 頁面載入完畢之後自動執行指定程式碼
- jQuery判斷css檔案載入完畢再去執行程式碼jQueryCSS行程
- jquery如何實現圖片載入完畢後再去進行操作jQuery
- jQuery如何實現頁面載入完畢再去執行程式碼jQuery行程
- 旋轉等待內容載入完畢實現程式碼例項
- AMP:Google 新技術能讓網頁瞬間載入完畢Go網頁
- Android 使用AsyncTask 後監聽非同步載入完畢的動作Android非同步
- 2020春節檔遊戲大戰前瞻:有的佈局完畢,有的已經翻車遊戲
- javascript,檢測object物件中是否存在某個屬性JavaScriptObject物件
- javascript如何判斷一張圖片是否載入完成JavaScript
- js如何實現dom元素結構載入完畢再去執行相關程式碼JS
- SHELL指令碼檢查Oracle DG備庫是否已經應用歸檔指令碼Oracle
- JavaScript表格元件載入速度測試JavaScript元件