Unterschiede zwischen OnLoad & onReady

Sobald Sie erlernen Webseite Ereignisse behandeln, können Sie Websites erstellen, die Interaktion mit der Website-Besucher und verbessern ihre Benutzererfahrung. Einige Veranstaltungen, wie z. B. OnLoad, auftreten, selbst wenn nicht Sie Code zum Behandeln von ihnen schreiben. Es ist auch möglich, eine ähnliche Veranstaltung mit dem Namen OnReady, wenn Sie Ihren HTML-Code eine zusätzliches Skript-Bibliothek hinzufügen zu behandeln. OnLoad und OnReady sind nahezu identisch, aber sie haben einen wichtigen Unterschied.

Webseiten und Veranstaltungen

Wenn ein Web-Browser eine Webseite erstellt, wird die Seite mit einer hierarchischen Objektstruktur genannt das Document Object Model erstellt. Objekte im DOM gibt es in einem strukturierten Eltern-Kind-Beziehung-Modell. Das Body-Objekt möglicherweise z. B. untergeordnete Objekte wie Anker und Überschriften. Diese Objekte haben untergeordnete Textknoten, die auf sie verweisen. Die Objekte und Beziehungen, die bestehen, wenn eine Seite geladen, hängen davon ab, wie Sie code für Ihre Webseite. Ereignisse, die während der Lebenszyklus einer Seite auftreten, führen verschiedene Aktionen als Reaktion auf eine Aktion erfolgen. Klicken auf eine Schaltfläche löst beispielsweise ein OnClick-Ereignis.

Beim Laden der Seite

Webseiten in Browsern ohne JavaScript angezeigt. Wenn Sie interaktive Websites erstellen möchten, müssen Sie eine scripting-Sprache wie JavaScript in den HTML-Code hinzufügen. JavaScript-Funktionen können auf DOM-Objekte zugreifen, deren Werte abrufen und sogar deren Eigenschaften ändern. Ein Fehler, dass Programmierer oft Anfang machen versucht ein DOM-Objekt zu ändern, bevor sie auf der Seite vorhanden ist. Browsern gehen durch eine bestimmte Gruppe von Schritten beim Erstellen einer Webseite, und Sie können Objekte nicht bearbeiten, bis der Browser zur Verfügung stellt.

OnLoad und onReady

Anfordern einer Webseite bewirkt, dass einen Webserver senden Sie Ihrem Browser die Daten auf Ihrer Seite zu konstruieren. Ein OnLoad-Ereignis tritt ein, nachdem Sie ein Web-Browser lädt alle DOM-Objekte erforderlich, um die Seite zu erstellen. OnLoad-Veranstaltungen sind Teil des offiziellen DOM. Beim Erstellen von Web-Anwendungen haben Sie auch die Option zur Verwendung von JavaScript-Bibliotheken von Drittanbietern wie EXT JS. Diese Bibliothek hat eine OnReady, die Funktion, die auch ausgeführt wird, wenn Sie eine Webseite laden, das die Bibliothek nutzt.

Unterschied

Sofern Sie Ext JS eine Webseite hinzufügen, müssen Sie das Norm OnLoad-Ereignis verwenden, um eine Aufgabe auszuführen, nachdem die Seite geladen wurde. Die OnReady-Funktion wird ausgeführt, bevor das OnLoad-Ereignis auftritt, und nicht auf den Browser zum Herunterladen aller Daten erforderlich wartet, um die Seite zu konstruieren. Sie möchten möglicherweise OnReady verwenden, um die Illusion zu erzeugen, die Ihre Seite schneller geladen; Website-Besucher sehen Aktivität auf der Seite laden. Jedoch wenn eine Funktion zu einem Page-Objekt zu manipulieren muss, verwenden Sie einen OnLoad-Event-Handler, um diese Funktion aufzurufen. Dies stellt sicher, dass das Objekt vorhanden ist, bevor der Code zugegriffen wird.