Wir wollen ein JavaScript ausführen, nachdem die Seite fertig geladen wurde.
Doch das herkömmliche "Seite geladen" ist zu langsam - da dies erst geschieht, wenn auch alle externen Quellen wie Bilder fertig sind.
Um den Event auszuführen nachdem die Hauptseite fertig ist, gibt es für jeden Browser einen eigenen Weg.
Ich habe im Internet zwar einige Lösungen gefunden. Teilweise waren diese sehr alt und wer weiß mit welchen Browsern sie noch funktioniert haben.
Teilweise haben mir Features wie eine Event Queue gefehlt (wäre doch langweilig, wenn man nur einen onload Event ausführen kann).
Oder Events die nach "Fertig laden" versucht wurden auszuführen gingen ins Leere.
Zusammengefasst: Ich habe keine Standalone Lösung gefunden.
Alle JavaScript Framework wie Jquery, Prototype und die Google JSAPI enthalten die Funktion aber.
Ich habe mich dazu entschieden den Code von JQUERY entsprechend zu extrahieren.
Entstanden ist ein 0.4 KB großes Script: ready.min.js (minified + gzipped)
Ich habe einen Artikel im Wiki erstellt, der noch dementsprechend erweitert werden muss: [wiki]onload Event - Cross Browser kompatibler DOMContentLoaded[/wiki]
Testaufruf
Ich würde mich freuen, wenn ihr das ganze mit ein paar Browsern testen könntet: Demo Page
Doch das herkömmliche "Seite geladen" ist zu langsam - da dies erst geschieht, wenn auch alle externen Quellen wie Bilder fertig sind.
Um den Event auszuführen nachdem die Hauptseite fertig ist, gibt es für jeden Browser einen eigenen Weg.
Ich habe im Internet zwar einige Lösungen gefunden. Teilweise waren diese sehr alt und wer weiß mit welchen Browsern sie noch funktioniert haben.
Teilweise haben mir Features wie eine Event Queue gefehlt (wäre doch langweilig, wenn man nur einen onload Event ausführen kann).
Oder Events die nach "Fertig laden" versucht wurden auszuführen gingen ins Leere.
Zusammengefasst: Ich habe keine Standalone Lösung gefunden.
Alle JavaScript Framework wie Jquery, Prototype und die Google JSAPI enthalten die Funktion aber.
Ich habe mich dazu entschieden den Code von JQUERY entsprechend zu extrahieren.
Entstanden ist ein 0.4 KB großes Script: ready.min.js (minified + gzipped)
Ich habe einen Artikel im Wiki erstellt, der noch dementsprechend erweitert werden muss: [wiki]onload Event - Cross Browser kompatibler DOMContentLoaded[/wiki]
Testaufruf
Ich würde mich freuen, wenn ihr das ganze mit ein paar Browsern testen könntet: Demo Page