Lanston Lanston - 1 year ago 97
Javascript Question

dynamically crated iframe triggers onload event twice

I created an iframe dynamically and found that this iframe trigger onload event twice.

var i=0;

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

Why i finally is 1?

How to prevent iframe's onload twice instead of pointing onload function to null inside itself?

Answer Source

I've also encountered the same problem, but get no answer anywhere, so I tested by myself.

The iframe onload event will be triggered twice in webkit browsers ( safari/chrome ), if you attach the onload event BEFORE the iframe is appended to the body.

So you can prevent iframe onload twice by change your codes in the following way.

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

Then, you will only get one onload event, which is the event the document really loaded.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download