DruckversionJavaScript in HTML einbinden
Script-Bereich innerhalb der HTML-Seite
Der HTML-Befehl <script>
Sie können den JavaScript-Code direkt in Ihre HTML-Seite einbinden. Der JavaScript-Code wird zwischen <script type="text/javascript"> und </script> notiert.
Im folgenden Beispiel sehen Sie gleich einen ersten JavaScript-Befehl. Über document.write() schreiben Sie etwas in eine Webseite. Der Text, der ausgegeben werden soll, steht dabei runden Klammern und muss selbst von Anführungszeichen umschlossen sein.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>JavaScript-Beispiel</title>
<body>
<h1>Beispielseite</h1>
<script type="text/javascript">
document.write("Guten Tag");
</script>
<noscript>Guten Tag, Sie haben JavaScript abgeschaltet!</noscript>
</body>
</html>Wie das dann aussieht, können Sie sich hier ansehen
.
In älteren Skripten sehen Sie anstelle von <script type="text/javascript"> auch noch <script language="javascript">. Heute sollten Sie jedoch <script type="text/javascript"> benutzen. Wenn Sie als Dokumenttyp Strict wählen, erhalten Sie sonst auch eine Fehlermeldung bei der Überprüfung Ihres Skripts mit dem Validator des W3C.
Wenn JavaScript deaktiviert ist, wird der Code innerhalb von <noscript> ...</noscript> ausgeführt.
Im head oder im body?
Sie können JavaScript-Code sowohl im head- als auch im body-Bereich unterbringen. Wo Sie den JavaScript-Code sinnvollerweise hinschreiben, hängt ganz davon ab ...
Wenn Sie mit document.write() etwas in die Seite schreiben möchten, so muss der JavaScript-Code auch an der Stelle stehen, wo der Text erscheinen soll, das heisst also meist im body-Bereich.
Funktionen, auf die Sie innerhalb der Seite dann zugreifen, schreiben Sie hingegen im allgemeinen in den head-Bereich. (Was Funktionen sind und wie man sie benutzt, erfahren Sie natürlich - aber etwas später.)
Dies ist eine Leseprobe
Möchten Sie den Beitrag komplett lesen? Dann werden Sie Probemitglied und testen Sie akademie.de 14 Tage kostenlos!
Auf JavaScript lernen erfahren Sie mehr über diesen Beitrag und die weiteren Leseproben.
Weitere Informationen finden Sie auf unserer Infoseite zur Mitgliedschaft und in unseren AGB.
Ich bin bereits Mitglied