Meldung

15.08.2007 - JavaScript in HTML einbinden

Es gibt zwei Möglichkeiten um JavaScript-Code in HTML einzubinden. Zum Einen kann der JavaScript-Code an einer beliebigen Stelle innerhalb des HTML-Dokuments in einem SCRIPT-Tag eingefügt werden. Dieser Script-Code wird direkt ausgeführt und kann beispielsweise mit der Methode write() an der gewünschten Stelle Ausgaben im HTML-Dokument tätigen. Write ist eine Methode des vordefinierten Document-Objekts und wird dazu verwendet, eine direkt angegebene oder aber aufgrund eines JavaScript-Ausdrucks zusammengestellte Zeichenkette auszugeben. An Stelle der JavaScript-Anweisungen in der HTML-Datei stellt das Browserfenster an der jeweiligen Stelle – so JavaScript auch eingeschaltet ist – die Ausgabe des Script-Codes dar.

Die andere Möglichkeit besteht darin, dass der Quellcode in einer speziellen JS-Datei gespeichert wird. Mit dem HTML SCRIPT-Tag wird in der HTML-Datei ein Verweis auf die JavaScript-Datei angegeben, was den Browser dazu veranlasst, dass die JavaScript-Datei automatisch geladen wird. Nach dem Laden der JavaScript-Datei stehen die in dieser Datei definierten Funktionen und Klassen zur Verfügung und können im HTML-Dokument genutzt werden. Sind in der JS-Datei Anweisungen ausserhalb von Funktions- oder Klassendefinitionen notiert, so wird der JavaScript-Code unmittelbar ausgeführt.

Sollen JavaScript-Anweisungen direkt nach dem Laden einer HTML-Seite ausgeführt werden, so bietet sich hierzu die Nutzung des Events onLoad an. Das JavaScript-Event mit dem Namen onLoad tritt unmittelbar nach dem Laden der HTML-Datei auf.

Anhand von Beispielen werden die unterschiedlichen Möglichkeiten der Integration von JavaScript-Code in HTML demonstriert. So wird im HEAD-Tag innerhalb einer HTML-Datei die Funktion trim definiert, die später im Dokument genutzt wird. Diese Funktion ermöglicht es, führende und abschließende Spaces aus einer Zeichenkette zu löschen.

Zur Integration von serverseitigem Code beachten Sie bitte auch die Seite PHP Script in HTML integrieren. Hier werden die wichtigsten Methoden zum Einbinden von PHP-Source-Code angesprochen.


Alexander Müller