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

来源:http://www.sh-fengwen.com 作者:瘦身美容 人气:163 发布时间:2019-09-06
摘要:复制代码 代码如下: !DOCTYPE HTML html head meta charset="utf-8" titleiframe的onload在Chrome/Opera中执行两次/title /head body script var ifr = document.createElement('iframe'); ifr.onload = function(){alert(1);}; document.body

复制代码 代码如下:

<!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 = '';
</script>
</body>
</html>

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

复制代码 代码如下:

var ifr = document.createElement('iframe');
document.body.insertBefore(ifr,document.body.childNodes[0]);
ifr.src = '';
ifr.onload = function(){alert(1);};

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

代码如下: !DOCTYPE HTML html head meta charset="utf-8" titleiframe的onload在Chrome/Opera中执行两次/title /head body script var ifr = document.createElement(...

本文由美高梅游戏平台网站发布于瘦身美容,转载请注明出处:iframe的onload在Chrome/Opera中执行两次Bug的解决方法

关键词:

最火资讯