如何獲得iframe的readyState的

Question

這是我的HTML

<div ng-if="isLoadDone" class="col-xs-12"> 
    <div class="text-center"><span class="fa fa-spinner fa-pulse fa-5x fa-fw margin-bottom"></span></div> 
    </div> 
<iframe id="appId" ng-if="isLoadDone" class="app-iframe" ng-src="{{trustedApplUrl}}"></iframe> 

而且在javascript：

$elem = angular.element('#appId'); 

在調試控制檯

$elem show as 
context:document 
    ....... 
    readyState: "complete" 

我不知道如何獲得的readyState通過使用$ elem $ elem.context.document.readyState不起作用。不知道如何使用$ ELEM 感謝

Answer 1

你可以使用readystatechange和onload確定它，就像得到readyState的：

//check for IE 
if (navigator.userAgent.indexOf("MSIE") > -1 && !window.opera){ 
    yourIframe.onreadystatechange = function(){ 
     if (yourIframe.readyState == "complete"){ 
      alert("Iframe is loaded."); 
     } 
    }; 
} else { 
    yourIframe.onload = function(){ 
     alert("Iframe is loaded."); 
    }; 
} 

注:: IE的readystatechange是完全不同的比readystatechange事件開火XMLHttpRequest對象。從Internet Explorer 11開始，應使用onload。