Wie hook das DOM geladen Veranstaltung?

Kann mir jemand zeigen in die Richtung der Haken DOM loaded-Ereignis?

Im Grunde, ich möchte eine Anzeige des loader-während der dom-laden (ich dont bedeuten, Ajax-Anfragen - die erste Zeit, die ein Nutzer auf eine Seite) ?

Danke an alle im Voraus

InformationsquelleAutor Orry | 2009-02-24
  1. 10

    Alle gängigen Javascript-Bibliotheken haben einen "DOM geladen" Veranstaltung, die Sie dafür benutzen können.

    Im wesentlichen:

    <html>
<head>
    <script>
    //if using jQuery
    $(document).ready(function() { $('#loading').hide(); });
    //if using Prototype
    document.observe("dom:loaded", function() { $('loading').hide(); });
    </script>
</head>
<body>
    <div id="loading">Loading...</div>
    <!-- rest of page -->
</body>
</html>
    InformationsquelleAutor Paolo Bergantino
  2. 29

    Wenn Sie nicht mit einem Rahmen, verwenden Sie das DOMContentLoaded-Ereignis:

    document.addEventListener('DOMContentLoaded', function() {
  //...
})
    InformationsquelleAutor Elliot Winkler
  3. 0

    Nur eine alternative zu jQuery, YUI Veranstaltung bietet eine onDomReady() Funktion für diesen Zweck als gut. Hier ist das Beispiel von der Website:

     <script type="text/javascript">

 function init() {
    YAHOO.util.Dom.setStyle("hidden_element", "visibility", "");
 }
 YAHOO.util.Event.onDOMReady(init);

 </script>
    InformationsquelleAutor Daniel Lew
  4. 0

    Der richtige Weg, dies zu tun, ohne eine Bibliothek (und zwar wirklich, auch mit einer Bibliothek, da Sie den Umgang mit script-blocking und IE Unberechenbarkeit) zu legen, um ein Skript am Ende der Seite:

    onLoaded = function(){ ... }

    onLoaded()

    InformationsquelleAutor mwilcox
Schreibe einen Kommentar