javascript - 如何创建 iframe 并仅在 iframe 加载后销毁元素？

Question

我可以使用 appendChild 创建一个 iframe，而无需 jquery，我是否可以知道 iframe 何时加载然后销毁该元素？

Answer 1

您可以使用 onLoad 事件。

 <iframe onload="this.parentNode.removeChild(this);" src="/"></iframe>

此处示例:http://jsfiddle.net/mSZ4X/1/

或者使用纯 JavaScript:

var iframe = document.createElement("iframe");

iframe.src = "/";
iframe.onload = function() {
    this.parentNode.removeChild(this);    
};

document.body.appendChild(iframe);

此处示例:http://jsfiddle.net/mSZ4X/2/