HTML-Tag <script>

❮ Vorige Nächste ❯

Das Tag <script> wird für die Beschreibung des JavaScript-Codes im HTML-Dokument verwendet. Das Tag <script> kann sowohl den JavaScript-Code als auch den Link zur externen Datei mit dem JavaScript-Code enthalten. Der Weg zur externen Datei wird mithilfe des Attributes src eingegeben.

Wenn Sie eine externe Datei mit Skripten verbinden, betten Sie das Skript nicht im dasselben <script> Tag ein.

Das Tag <script> kann sowohl im Element <head> als auch im Element <body> platziert werden. Die Arbeit von Skripten hängt nicht von ihrer Position im HTML-Dokument ab. Jedoch müssen die Skripte, die an erster Stelle durchgeführt werden müssen, in der Kopfzeile des Dokuments platziert werden.

Das Tag <script> kann im HTML-Dokument mehrmals verwendet werden.

Syntax

Das Tag <script> wird gepaart verwendet, das Endtag (</script>) ist obligatorisch.

Es gibt einige Methoden für die Durchführung von externen Skripten:

Das Attribut async="async" deutet darauf hin, dass das Skript gleichzeitig mit dem Hochladen der Seite asynchron durchgeführt werden muss.
Wenn das Attribut async nicht eingestellt ist, aber das Attribut defer="defer" eingestellt ist, wird das Skript nach dem Hochladen der Seite durchgeführt.
Wenn die Attribute async und defer nicht eingestellt sind, wird das Skript bevor dem Hochladen der Seite durchgeführt.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <p id="example"></p>
    <script>
      document.getElementById("example").innerHTML = "Mein erster JavaScript-Code";
    </script> 
  </body>
</html>

Versuch es selber!

Ergebnis

Attribute

Attribut	Wert	Beschreibung
async	async	Es definiert, dass das Skript asynchron durchgeführt wird. (nur für externe Skripte). Es wird in IE9 und in den früheren Versionen nicht unterstützt.
charset	charset	Es bestimmt die Codierung von Symbolen, die in der externen Datei mit dem JavaScript-Code verwendet wird.
defer	defer	Es bestimmt, dass das Skript nach dem Hochladen der Seite durchgeführt werden soll. (Nur für externe Skripte).
src	URL	Es definiert den Weg der externen Datei mit dem JavaScript-Code hin. (Es kann sowohl relative als auch absolute URL angegeben sein).
type	media_type	Es bestimmt den MIME-Typ des Skriptes.