Javascript: body onload-Funktion warten Sie, bis Skripts abgeschlossen haben

Ich habe einige Funktionen, die ich rufe, und Sie nehmen einige Zeit (Millisekunden), aber ich will nicht die Seite angezeigt, bis diese Funktionen abgeschlossen haben. Gerade jetzt, kann ich sagen, dass die Seite geladen wird und dann die Skripte schließlich abgeschlossen.

Recht jetzt rufe ich die Funktionen in den body onload.

Zudem eine weitere Frage, die ich vielleicht habe, ist, dass ich brauche, um Zugriff auf div-Elemente in die html-Inhalte kann ich tun, dass in meinem body onload-Funktion (getElementById('somDiv')?

Hier ist der workflow.

  1. Einem Aufruf von getElementById('someDiv'), um ein element aus der Seite.
  2. Aufrufen der Funktion someFunc, ist diese Funktion in den body onload=someFunc()
  3. Warten, bis someFunc fertig ist
  4. Display-Seite um Benutzer, sobald die Funktion abgeschlossen ist.

InformationsquelleAutor Berlin Brown | 2009-06-04

  1. 5

    Was Sie tun können, ist, halten Sie den Inhalt Ihrer Seiten in einem div zunächst gestylt mit display:none. Dann, wenn Ihr javascript-code abgeschlossen ist, aktualisieren Sie den Stil auf die div zu display:block, z.B.:

    <html>
    <head>
        ...
        <style type="text/css">
            html, body, #body {
                height: 100%;
                width: 100%;
                padding: 0;
                margin: 0;
            }
            #body {
                display: none;
            }
        </style>
        <script type="text/javascript">
            function myFunc() {
                ...
                getElementById('body').style.display = 'block';
            }
        </script>
    </head>
    <body onload="myFunc();">
        <div id="body>
            ...
        </div>
    </body>
</html>

    Dann Bob ist dein Onkel: die Seite sieht aus wie es hat sich verzögert geladen wird, bis, nachdem Ihr Skript fertig ist.

    InformationsquelleAutor Phil Booth

  2. 1

    Funktionen, die aufgerufen werden, in der <body> tag onLoad Ereignis nur ausgelöst, wenn der DOM geladen ist (jedoch nicht warten, für externe Abhängigkeiten, wie JavaScript-Dateien und CSS zu laden), so können Sie sicher sein, dass, wenn Ihr someFunc() Funktion aufgerufen wird, (wenn angebracht, um die <body> tag onLoad Fall) Elemente der Seite geladen wurden. Wenn Sie Zugriff auf ein DIV geladen wird, in die Seite, dann können Sie sicher sein, dass es geladen wird, wenn Ihr someFunc() - Funktion aufgerufen wird.

    Um Ihr problem zu lösen Sie wickeln konnte dann die Inhalte der Seite in einem DIV, mit der display es sich zunächst um none. Dann wenn die Seite geladen wurde, Ihre someFunc() - Funktion aufgerufen wird. Wenn es die Ausführung beendet hat, können Sie die display Ihre wrapper-DIV um block, so dass es für den Benutzer sichtbar ist.

    Jedoch, stellen Sie sicher, dass der Benutzer bewusst, dass die Seite geladen wird, und Sie nicht nur zeigen Sie einen leeren Bildschirm, während Ihr JavaScript geladen wird.

    Tolle Idee, und gute Beschreibung. Ich gab dem anderen Kerl die Antwort, weil der code.

    InformationsquelleAutor Alex Rozanski

  3. 0

    Der body onLoad-Funktion wird ausgelöst, wenn der DOM geladen wurde - was bedeutet, dass alle HTML-Elemente vollständig geladen. Also deine onload-Funktion selbst sollte davon ausgehen, dass alles geladen ist und bereit zu gehen, da seine Ausführung ist unter diesen Leitlinien.

    InformationsquelleAutor Cody Caughlan

Schreibe einen Kommentar