如何获得iframe的readyState

时间:2016-04-25 02:37:46

标签: javascript jquery

这是我的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"

我不知道如何使用$ elem获取readyState $ elem.context.document.readyState无效。任何想法如何使用$ elem获取readyState 感谢

1 个答案:

答案 0 :(得分:0)

您可以使用readystatechangeonload来确定它,例如:

//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的readystatechangereadystatechange个对象上发出的XMLHttpRequest事件完全不同。从Internet Explorer 11开始,应使用onload

相关问题