Um zu prüfen, ob das Dokument bereit ist, und Code auszuführen, können Sie DOMContentLoaded einen Ereignishandler hinzufügen Ereignis des document Objekt.
Die DOMContentLoaded -Ereignis wird ausgelöst, wenn das anfängliche HTML-Dokument vollständig geladen und geparst wurde, ohne darauf zu warten, dass Stylesheets, Bilder und Subframes fertig geladen sind.
// Define event handler
const handler = (e) => {
console.log(`Document is ready!`);
};
// Listen for `DOMContentLoaded` event
document.addEventListener('DOMContentLoaded', handler);
Wenn Sie nicht daran interessiert sind, die Event-Handler-Funktion wiederzuverwenden, ersetzen Sie sie einfach durch eine anonyme Funktion, wie unten gezeigt:
// Listen for `DOMContentLoaded` event
document.addEventListener('DOMContentLoaded', (e) => {
console.log(`Document is ready!`);
});
Die DOMContentLoaded event funktioniert in allen modernen Browsern, einschließlich IE9 und höher.