JavaScript判斷iframe是否載入完畢

admin發表於2018-08-20
JavaScript

本章節介紹一下如何判斷一個iframe元素是否載入完畢，這一點在實際應用中也是非常常見的。

首先iframe是常用的元素之一，通過它可以實現一些比較方便的效果。

第二就是必須等待iframe完全載入完畢之後才能夠去執行一些操作。

下面面通過程式碼介紹一下如何動態建立一個iframe，並且判斷它是否載入完畢。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script type="text/javascript">
window.onload=function(){
  var iframe=document.createElement("iframe"); 
  iframe.src="http://www.softwhy.com"; 
  iframe.onload=function(){ 
    alert("iframe載入完畢"); 
  }; 
  document.body.appendChild(iframe);
}  
</script>  
</head>  
<body>
</body>  
</html>

以上程式碼動態建立了iframe元素，並且判斷是否載入完畢。

相關文章