JavaScript beim Laden von HTML ausführen

Ein Memo darüber, wie man JavaScript ausführt, wenn HTML geladen wird, oder wenn eine Webseite vollständig geladen ist.

DOMContentLoaded ist für HTML, onload ist für die gesamte Webseite.

In JavaScript geben Sie das Ereignis mit addEventListener an.

Sie können mit dem folgenden Code überprüfen, aber natürlich wird DOMContentLoaded zuerst ausgegeben. Tatsächlich kann DOMContentLoaded je nach Website möglicherweise nie ausgegeben werden, egal wie lange Sie warten. Dies gilt für meinen WordPress-Blog und auch für YouTube.

//# dev
document.addEventListener("load", function() {
   // Prozess, den Sie ausführen möchten
   console.log('loaded.')
});

document.addEventListener("DOMContentLoaded", function() {
   // Prozess, den Sie ausführen möchten
   console.log('DOMContentLoaded.')
});

Bevor Sie also mit der Entwicklung auf einer neuen Website beginnen, denke ich, es ist besser anzunehmen, dass onload nicht funktioniert, und wenn Sie es verwenden werden, immer zuerst mit dem obigen Code überprüfen.