Es gibt viele Web-Technologien und viele Regeln, die ein Software-Entwickler während der Entwicklung von Web-Anwendungen zu beachten hat. Das Thema JavaScript ist sehr umstritten aber auch hier tut sich Vieles und es wird hart daran gearbeitet JavaScript wesentlich konformer zu gestalten.

Einen Ansatz hierzu möchte ich Ihnen in diesem Blogartikel kurz näher bringen. Das W3C (World Wide Web Consortium) hat Regeln für die Verwendung von JavaScript-Events (so genannte “DOM Events”) definiert. Speziell möchte ich hier auf die Regel 2 aus diesen Bestimmungen eingehen. Die wichtigste Prämisse: Keinen Inline-JavaScript-Code und das ist aus meiner Sicht aller höchste Eisenbahn.

Viele von Ihnen kennen noch die typischen JavaScript Aufrufe wie <… onClick=”foo()” …>. Diese Beispiele sind endlos und die Verbreitung im WWW ist annähernd unendlich. Oft werden dadurch (X)HTML-Dokumente unlesbar und es vergehen oft viele Minuten bis Stunden, bis eine Ursache für ein Problem gefunden wurde.

Grundsätzlich ist es möglich, HTML-Elemente über JavaScript anzusteuern (Zugriff über DOM). Diese Eigenschaft wird an dieser Stelle genutzt. Einem gewünschten Element wird mit Hilfe eines DOM Events ein Event Listener angefügt. Dieser Event Listener “wartet” darauf ausgelöst zu werden. Diese Auslöser können verschiedene Events wie beispielsweise ein Klick auf einen Hyperlink oder das Laden einer Seite sein. Als letztes benötigt der Event Listener noch eine Funktion, die ausgeführt wird, wenn der Auslöser aktiviert wurde.

Schauen Sie sich die folgenden Links einfach mal an. Wie ich finde, ein sehr spannendes Thema, sofern JavaScript genutzt wird:

Artikel in Wikipedia: http://en.wikipedia.org/wiki/DOM_events, http://de.wikipedia.org/wiki/Document_Object_Model