动态创建的iframe触发onload事件两次

文章/答案/技术大牛

发布

var i=0;
frameOnload=function(){
  console.log(i++);  
var ifr=document.createElement("iframe");  
ifr.src="javascript:(function(){document.open();document.write('test');document.close();})();";
ifr.onload=frameOnload;  
document.body.appendChild(ifr);

document.body.appendChild(ifr);
ifr.onload=frameOnload; // attach onload event after the iframe is added to the body

var i = 0;
var iframe = document.createElement("iframe");
iframe.onload = function(){
  console.log("frameOnload", ++i);
document.body.appendChild(iframe);
iframe.src = "http://www.example.org/";
//iframe.src = "http://www.example.org/404";
// double onload!

var i = 0;
var iframe = document.createElement("iframe");
iframe.onload = function(){
  console.log("frameOnload", ++i);
iframe.src = "http://www.example.org/";
//iframe.src = "http://www.example.org/404";
document.body.appendChild(iframe);
// only one onload

iframe.onload = function(evt) {
    if (evt.target.src != '') {
        // do stuff
}

function loadFrame()  
        var url="http://www.google.com";
        alert(document.getElementById("theFrame").src);
        if (document.getElementById("theFrame").src != url)
            alert("loading");
            document.getElementById("theFrame").src = url;  
     }

document.addEventListener('DOMContentLoaded', function(evt) {
  if (evt.target.title !== myPageTitle) {
    // Work around for Webkit browsers trigging this event twice om iframes
    return
  // DOM content loaded, for real
}

export default {
methods: {
onLoad (event) {
    // considerting iframe to be loaded if the event.target.url matches the src url

动态创建的iframe触发onload事件两次

7 个回答