Heim >Web-Frontend >js-Tutorial >So verwenden Sie das JavaScript-Onload-Ereignis
onload ist ein Ereignis, das bei der Verarbeitung von Dokumenten wie HTML verwendet wird. Es tritt unmittelbar nach dem Laden der Seite und aller Bilder und anderen Ressourcen auf. In diesem Artikel stellen wir die Verwendung von onload im Detail vor Ereignis in der So verwenden Sie das So verwenden Sie das So verwenden Sie das JavaScript-Onload-Ereignis-Onload-Ereignis-Onload-Ereignis-Methode.
Werfen wir zunächst einen Blick auf die grundlegende Schreibmethode des Onload-Events
obj.onload = function() { // 加载完成后需要立即处理的事件 }
Für obj, it can als Fenster, HTML-Body, IMG und andere Elemente angegeben werden.
Sehen wir uns ein konkretes Beispiel an
Ausgeführt beim Laden der Seite
Wenn Sie den folgenden Code ausführen, können Sie das Fenster lesen Objekt Der Effekt der Verarbeitung von
window.onload = function() { alert("页面已加载!"); };
ist wie folgt
Der folgende Code hat den gleichen Effekt
function load() { alert("页面已加载!"); } window.onload = load;
Wird beim Laden ausgeführt ein Bild
Der Code ist wie folgt
var img = new Image(); img.onload = function() { alert("图像已加载!"); }; img.src = 'img/mouse.png';
Der Laufeffekt ist wie folgt
Lassen Sie uns zum Schluss nehmen Sehen Sie sich die Vorsichtsmaßnahmen für die Verwendung des onload-Ereignisses an.
Ein Handler für ein Ereignis mit onload kann nicht mehrere Ereignishandler für dasselbe Ereignis desselben Elements festlegen Handler für dasselbe Ereignis desselben Elements, dann können wir addEventListener verwenden.
Wenn Sie den Prozess außerdem sofort nach dem Lesen der Seite und aller Ressourcen (wie Bilder) ausführen möchten, verwenden Sie onload. Wenn Sie den Prozess jedoch ausführen möchten, ohne auf das Lesen zu warten, müssen Sie DOMContentLoaded verwenden .
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das JavaScript-Onload-Ereignis. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!