Tag <script>

Tag <script>

Definition

Status: Aktueller Standard

Das Tag <script> steht für script (Skript, Makro, Programmcode).

Der HTML-Tag <script> wird verwendet, um Client-seitigen Code (meist JavaScript) in ein HTML-Dokument einzubetten oder externe Skriptdateien zu laden. Skripte können das DOM manipulieren, Ereignisse verarbeiten, Daten laden und die Benutzeroberfläche dynamisch verändern. Der <script>-Tag definiert einen Script-Block, der vom Browser interpretiert wird. Der Block kann JavaScript-Code direkt enthalten oder eine externe Scriptdatei laden.

Syntax

<script>...</script>

Attribute bzw. Unterelemente

src

Pfad zur externen Skript-Datei

type

MIME-Typ ("text/javascript") - kann entfallen bei JavaScript

async

Lädt das Script asynchron

defer

Verzögert die Ausführung bis nach dem HTML-Parsing (Dokument komplett geladen)

type

type="module" definiert ein JavaScript-Modul

nomodule

Ausführung nur in Browsern ohne Modul-Unterstützung

crossorigin

Steuert CORS-Anfragen für externe Skripte

integrity

Wird für Subresource Integrity (SRI) verwendet

referrerpolicy

Steuert, welche Referrer-Daten gesendet werden

nonce

Wird für Content Security Policy (CSP) verwendet

blocking

Steuert Render-Blocking-Verhalten (neuere Spezifikation)

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <script> - ---

Der Code:

  <script>
    function zeigeAlert() {
      alert("Der Button wurde geklickt!");
    }
  </script>

  <button onclick="zeigeAlert()">Klick mich</button>

Ergebnis:

Ergebnis: <script>-Demo 1
---