öffentlich
Redaktion Druckversion

JavaScript lernen - schnell und praktisch

JavaScript 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 ansehenAnzeigen.

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.)

Mitglied werden, Vorteile nutzen!

  • Sie können alles lesen und herunterladen: Beiträge, PDF-Dateien und Zusatzdateien (Checklisten, Vorlagen, Musterbriefe, Excel-Rechner u.v.a.m.)
  • Unsere Autoren beantworten Ihre Fragen

Inhalt

Downloads zu diesem Beitrag

Weitere Downloads

Über die Autorin:

bild117864

Dr. Florence Maurice bietet Dienstleistungen im Webpublishing in Form von Fachtexten und Trainings (auch maßgeschneiderte Inhouse-Schulungen). Außerdem programmiert sie Webseiten. Ihre Themen: HTML, ...

Newsletter abonnieren