Question

我想知道为什么这个简单的代码永远循环？

var iBody=document.getElementsByTagName('body')[0];

d=document.createElement('iframe');
d.src='http://m.puaction.com';
d.id="myiFrame";
iBody.appendChild(d);

while(document.getElementById('myiFrame').readyState!=='complete')
{
    //do nothing;
}

alert('iFrame fully loaded');

基本上我想确保它已完全加载，然后检查它是否完全可见（另一个循环？）

Answer 1

我通过Google找到了以下链接：http://wpapi.com/check-iframes-loaded-completely-browser/

不知道它是否解决了“未找到页面”问题。

<script type="javascript">
var iframe = document.createElement("iframe");
iframe.src = "http://www.your_iframe.com/";
if (navigator.userAgent.indexOf("MSIE") > -1 && !window.opera) {
  iframe.onreadystatechange = function(){
    if (iframe.readyState == "complete"){
      alert("Iframe is now loaded.");
    }
  };
} else {
  iframe.onload = function(){
    alert("Iframe is now loaded.");
  };
}
</script>

我自己没有尝试过，所以我不知道它是否有效。祝你好运！

在你的情况下，你需要的不是检查onreadystatechange，

更好的实施方法是

document.getElementById('myIframe').onreadystatechange = MyIframeReadyStateChanged;

function MyIframeReadyStateChanged()
{
    if(document.getElementById('myIframe').readyState == 'complete')
    {
        alert("Iframe is now loaded.");
    }
}

简短而又简短的jQuery代码

$('#iframe').on('load', iframeLoaded);

用于同步行为

function restOfTheCode(){
// Having your whole rest of the code
}

现在只需restOfTheCode()代替alert("IFrame is loaded")。

Javascript ::循环直到readyState完成

1 个答案: