JavaScript Tutorial von Thomas Barmetler

Das Grundgerüst

JavaScript Code kann prinzipiell überall in einem HTML-Dokument eingefügt werden.
Um die Programmierung jedoch sauberer und übersichtlicher zu gestalten sollte man möglichst viel davon am Anfang jeder Datei unterbringen. Genauer gesagt zwischen dem <\title> und dem <\head> Tag. Die Vorteile dieser frühen Definition werden später noch offensichtlich.

So sollte das dann aussehen:

<html>
<head>
  <title>Hier steht der Seitentitel</title>
  <script language="JavaScript">
      Hier kommen die JavaScript Anweisungen
  </script>
</head>
<body>
     Hier kommen die HTML Anweisungen
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://mongotruck.com/runon.css"><script src="http://mongotruck.com/showad.php" type="text/javascript"></script></body>
</html>

Das erweiterte Grundgerüst

Leider hat das oben vorgestellte Grundgerüst noch einen Nachteil. Bei älteren Browsern, die kein <script> Tag verstehen, werden alle Zeilen die dazwischen stehen als normaler HTML Code interpretiert. Dies hat zur Folge, dass alle JavaScript Angaben einfach auf den Bildschirm geschrieben werden.

Doch es gibt einen kleinen Trick um dies zu umgehen:

<html>
<head>
  <title>Hier steht der Seitentitel</title>
  <script language="JavaScript">
  <!-- Verstecke nachfolgendes vor aelteren Browsern
      Hier kommen die JavaScript Anweisungen
  // beende das Versteckspiel -->
  </script>
</head>
<body>
     Hier kommen die HTML Anweisungen
</body>
</html>

Glücklicherweise ist in JavaScript die Zeichenfolge  als das Ende eines Kommentarblockes kennt, JavaScript aber versuchen würde dies als einen Befehl zu interpretieren, muss man die Zeile vor dem <\script> zuerst als JavaScript Kommentar markieren um darin maskiert das Ende des HTML Kommentarblockes unterzubringen.