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

前端之家收集整理的这篇文章主要介绍了javascript – 动态地创建一个iframe并附加onload事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我创建了一个iframe动态,并添加了一个src属性.然后我将这个iframe附加到页面的正文.知道我想附加一个onload事件到iframe来读取iframe的内容.有人可以建议我该怎么做
  1. frame = document.createElement('iframe');
  2. frame.setAttribute('src','http://myurl.com');
  3. body.appendChild(frame);
  4. frame.onload = function(){
  5. alert('hi'); // here i want to read the content in the frame.
  6. }

解决方法

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

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

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

  1. var inter = window.setInterval(function() {
  2. if (frame.contentWindow.document.readyState === "complete") {
  3. window.clearInterval(inter);
  4. // grab the content of the iframe here
  5. }
  6. },100);

猜你在找的JavaScript相关文章