javascript – 动态地创建一个iframe并附加onload事件

我创建了一个iframe动态,并添加了一个src属性.然后我将这个iframe附加到页面的正文.知道我想附加一个onload事件到iframe来读取iframe的内容.有人可以建议我该怎么做

frame = document.createElement('iframe');
frame.setAttribute('src','http://myurl.com');
body.appendChild(frame);
frame.onload = function(){
    alert('hi'); // here i want to read the content in the frame.
}

解决方法

有些浏览器确实有一个iframe的onload事件,首先你应该尝试附加它,然后再设置iframe的src属性.

我会避免使用它,因为在某些浏览器中,它可能不会在某些条件下触发(例如,目标是在IE缓存中).

您可以使用定时器来检查框架的contentwindow的readystate是否完整

var inter = window.setInterval(function() {
    if (frame.contentwindow.document.readyState === "complete") {
      window.clearInterval(inter);
      // grab the content of the iframe here
    }
},100);