Czy body.onload czeka na IFrames?

Question

wiem, że onload wydarzenie czeka na zasoby strona załadować przed odpaleniem - obrazy, arkusze stylów, itp

Ale czy to obejmować ramek wewnątrz strony? Innymi słowy, czy zagwarantowane jest, że wszystkie ramki dla dzieci "onload" będą zawsze uruchamiane przed rodzicem?

Proszę również dać mi znać, jeśli zachowanie jest różne w różnych przeglądarkach.

Answer 1

Jak widzę na moich stronach, każdy element iframe ma niezależne przeładowanie, a ładowanie klatki nie czeka na wysłanie ramek iframe.

Na mojej stronie pojawiły się banery gif/png, które czasami ładują się bardzo wolno, więc umieściłem je w elemencie iframe, dzięki czemu cała strona i wydarzenie onload działają szybciej.

Answer 2

Nie, nie ma. Jeśli chcesz zrobić coś takiego, musisz dodać moduł obsługi ładowania dla elementu iframe. Możesz to zrobić ładnie z jQuery:

<iframe src="http://digg.com"></iframe> 
    <script> 
    var count = $('iframe').length; 
    $(function() { 
     // alert('loaded'); // will show you when the regular body loads 
     $('iframe').load(function() { 
     count--; 
     if (count == 0) 
      alert('all frames loaded'); 
     }); 
    }); 
    </script> 

To będzie ostrzeżenie po załadowaniu wszystkich ramek.

Patrz przykład:

http://jsbin.com/azilo

Answer 3

lub zwykły JavaScript powinno działać ..

function checkIframes() { 
    if(!i) { i = 0; } 
    if(document.getElementsByTagName('iframe')[i]) { 
     document.getElementsByTagName('iframe')[i].onload = function() { i++; checkIframes(); } 
    } 
    else { yourFunctionInHere(); } 
} 

naprawdę nie testowane, ale powinny działać ... nie odnoszą się do niego z document.onload = function() { checkIframes(); }

Nie bardzo lubię biblioteki takie jak jQuery, ponieważ do tej pory odkryłem, że mogę osiągnąć więcej dzięki mniejszej ilości kodu, przy użyciu zwykłego javascriptu.