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

前端之家收集整理的这篇文章主要介绍了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);

猜你在找的JavaScript相关文章