javascript - iframe 的加载事件不会在 IE 中触发

Question

我在我的页面中创建了一个 iframe 这是它的代码:

var frame = document.createElement('iframe');
frame.setAttribute('src','');
document.body.appendChild(frame);
if(document.addEventListener){
    frame.addEventListener('load', callback, false);
} else {
    frame.attachEvent('onload', callback);
}

function callback(){
    alert('test');
}

在 FF 中运行正常，但在 IE 中没有任何提示，为什么？
注意我在win8下用的是IE10

Answer 1

您需要将 document.body.appendChild() 移动到 addEventListener() 调用之后

var frame = document.createElement('iframe');
frame.setAttribute('src','');
if(frame.addEventListener){
    frame.addEventListener('load', callback, true);
} else {
    frame.attachEvent('onload', callback);
}
document.body.appendChild(frame);

function callback(){
    alert('test');
}