iframe的onload在Chrome/Opera中执行两次Bug的解决方法

复制代码 代码如下:

  <!DOCTYPE HTML>

  <html>

  <head>

  <meta charset="utf-8">

  <title>iframe的onload在Chrome/Opera中执行两次</title>

  </head>

  <body>

  <script>

  var ifr = document.createElement('iframe');

  ifr.onload = function(){alert(1);};

  document.body.insertBefore(ifr,document.body.childNodes[0]);

  ifr.src = 'http://www.baidu.com';

  </script>

  </body>

  </html>

  解决方法很简单,改下代码顺序即可:创建iframe, 添加到body中,最后添加load事件。所有浏览器下将表现一致。

  

复制代码 代码如下:

  var ifr = document.createElement('iframe');

  document.body.insertBefore(ifr,document.body.childNodes[0]);

  ifr.src = 'http://www.baidu.com';

  ifr.onload = function(){alert(1);};

  此外用Safari5测试,没有alert,一直在载入中,能持续30s以上。大家试试看呢?