Tut Körper.onload warten IFrames?

Ich weiß, dass onload Ereignis wartet, bis Seite Ressourcen zu laden, bevor Sie abfeuern - Bilder, stylesheets, etc.

Aber ist das zählen IFrames in eine Seite? In anderen Worten, ist es garantiert, dass alle untergeordneten Frames' onloads wird immer ausgelöst, bevor der Elternteil tut?

Auch, bitte lassen Sie mich wissen, wenn das Verhalten variiert zwischen den Browsern.

InformationsquelleAutor levik | 2009-06-05
  1. 3

    Als ich sehen auf meinen Seiten, jedem iframe bekam unabhängigen onload " und " oben-frame onload nicht warten, für iframes ausgelöst.

    Bekam ich gif - /png-Banner auf meiner Seite, die manchmal lädt sehr langsam, so habe ich Sie in iframe und das machte die ganze Website und ein onload-Ereignis Auftritt, schneller zu arbeiten.

    InformationsquelleAutor Thinker
  2. 7

    Nein, tut es nicht. Wenn Sie wollen, etwas zu tun, müssen Sie ein onload-Prozedur für das iframe. Sie können dies tun, sehr schön mit 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>

    Dies würde Alarm, wenn alle frames geladen sind.

    Siehe Beispiel:

    http://jsbin.com/azilo

    • +1 ich brauche, dies zu tun. Vielen Dank für die Lösung meines Problems (die sich 3 Jahre in die Zukunft mit Bezug auf diese Antwort ;).
    • Das Beispiel, das Sie geben, ist mit dem jQuery DOMready event, und nicht das Fenster.load-Ereignis. Wenn Sie ändern Ihr Beispiel, Sie werden sehen, das Fenster.load-Ereignis wird nicht ausgelöst, bis alle Inhalte im iframe geladen wurde. Beachten Sie das folgende für mehr info: stevesouders.com/blog/2009/06/03/using-iframes-sparingly
    InformationsquelleAutor cgp
  3. 5

    Oder plain javascript funktionieren sollte..

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

    habe nicht wirklich getestet, aber sollte funktionieren... als bezeichnen es mit document.onload = function() { checkIframes(); }

    Ich weiß nicht wirklich, wie Bibliotheken, wie jQuery, denn bisher fand ich, dass ich mehr erreichen kann, mit weniger code, mit regelmäßigen javascript.

    • Dieser arbeitete für mich, aber ich musste hinzufügen eine setTimeout auf die check-Funktion zur Vermeidung von stack-überlauf.
    InformationsquelleAutor Wouter Hoolwerf
Schreibe einen Kommentar