IE8为什么不处理iframe onload事件？
[英]Why doesn't IE8 handle iframe onload events?
问题描述
示例代码：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
function on_iframe_load() {
document.getElementById('iframe_a').onload = function() {
alert('Thanks for the visit!');
};
}
</script>
</head>
<body>
<iframe name="iframe_a" id="iframe_a"></iframe>
<a href="http://www.example.com/" target="iframe_a" onclick="on_iframe_load();">Go!</a>
</body>
</html>
它适用于所有主流浏览器没有问题，但IE8（可能还有以前的版本）不理解它。
更新 ：刚刚提出了一个解决方案，但我不确定它是否正确编码。 请查阅：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
var clicked = false;
function activate() {
clicked = true;
}
function pop() {
if (clicked) {
alert('Thanks for the visit!');
};
}
</script>
</head>
<body>
<iframe name="iframe_a" onload="pop();"></iframe>
<a href="http://www.example.com/" target="iframe_a" onclick="activate();">Go!</a>
</body>
</html>
4 个解决方案
解决方案1
4 2012-10-16 09:46:48
在iframe上使用内联属性似乎可以解决IE8中的这个问题：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
function onIframeLoad(iframe) {
if(iframe.src) {
alert('Thanks for the visit!');
}
}
function onLinkClick(url) {
document.getElementById('iframe_a').src = url;
}
</script>
</head>
<body>
<iframe id="iframe_a" onload="onIframeLoad(this);"></iframe>
<a href="http://www.example.com/" onclick="onLinkClick(this); return false;">Go!</a>
</body>
</html>
按要求更新：
你应该尝试编写更不引人注目的javascript。 以这种方式编写代码可能会阻止您在IE中出现这种奇怪的错误。
<!DOCTYPE html>
<html>
<body>
<iframe id="display-frame"></iframe>
<a href="http://www.example.com/">Go!</a>
<script>
window.onload = function() {
var iframe = document.getElementById('display-frame'),
link = document.getElementsByTagName('a')[0];
// load handler
function onIframeLoad() {
alert('Thanks for the visit!');
}
// event handlers
if(iframe.addEventListener) iframe.addEventListener('load', onIframeLoad, false);
else if(iframe.attachEvent) iframe.attachEvent('onload', onIframeLoad);
link.onclick = function() {
iframe.src = this.href;
return false;
}
};
</script>
</body>
</html>
解决方案2
2 2012-10-16 09:41:29
在页面加载后，似乎无法使用DOM属性向IE中的iFrame添加加载侦听器。
但是你可以使用attachEvent ，所以：
function on_iframe_load() {
function foo() {
alert('Thanks for the visit!');
};
var el = document.getElementById('iframe_a');
if (el.attachEvent) {
el.attachEvent('onload',foo);
} else if (el.addEventListener) {
el.addEventListener('load', 'foo', false);
}
}
我在IE 6中测试并颠倒了通常的测试顺序，因此使用attachEvent优先于addEventListener 。 您可能想要测试更新版本的IE以查看相反的顺序是否有效，还可以测试其他类似IE的浏览器，例如Opera。
编辑
测试后修改代码（愚蠢的我）使用addEventListener 。 这是适用于IE和其他的东西：
function on_iframe_load() {
function foo() {
alert('Thanks for the visit!');
};
var el = document.getElementById('iframe_a');
if (el.attachEvent) {
el.attachEvent('onload',foo);
} else {
el.onload = foo;
}
}
如果在标记中使用onload属性，则无需使用脚本添加侦听器。
解决方案3
2 2013-01-29 07:07:22
有用 ：）
在IE8，ff，chrome上测试过
var iframe = document.getElementById('iframeid');
if (iframe .attachEvent) {
iframe .attachEvent('onload',alert("IE Iframe loaded"));
} else {
iframe .onload = alert("Other than IE Iframe loaded");
}
解决方案4
2 2013-11-06 11:58:00
只需使用jquery：
$(iframe).bind( 'load', function(){} );
为什么我不能在 IE8 中设置 window.onload？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.