body.onloadはIFrameを待っていますか？

Question

私はonloadイベントが発火する前にロードするためにページのリソースを待っていることを知っている - 画像、スタイルシートなど

しかし、これはページ内のiFrameを含まれていますか？言い換えれば、すべての子フレーム 'onloadは、親の前に常に起動することが保証されていますか？

また、ブラウザによって動作が異なるかどうか教えてください。

Answer 1

私のページにあるように、各iframeは独立したオンロードを持ち、トップフレームのonloadはiframeが起動するのを待たずにいます。

私のサイトでは時々非常にゆっくりと読み込まれるgif/pngバナーがあるので、それらをiframeに入れて、サイト全体とonloadイベントをより速く動作させました。

Answer 2

いいえ、そうではありません。そのようなことをしたい場合は、iframeのonloadハンドラを追加する必要があります。これは、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> 

これは、すべてのフレームがロードされたときに警告します。

例を参照してください：

http://jsbin.com/azilo

Answer 3

またはプレーンjavascriptのは動作するはずです。..

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

はdocument.onload = function() { checkIframes(); }でそれを参照してくださいよりも...本当にこれをテストしていませんが、動作するはずです

jQueryのようなライブラリはあまり好きではありません。なぜなら、これまでのところ、普通のjavascriptを使ってコードを少なくして多くのことを実現できるからです。