HTML Element - `script`

Beispiel

<h1 id="beispiel"></h1>

<script>
document.getElementById("beispiel").innerHTML = "Hallo! Ich bin ein JavaScript!";
</script>

Definition und Verwendung

Das script-Element dient zum Einbetten von clientseitigem Skript (JavaScript).

Das script-Element enthält entweder Skriptanweisungen oder verweist über das src-Attribut auf eine externe Skriptdatei.

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Attribute-Tabelle
Attribut	Wert	Beschreibung
src	URL	Gibt die URL einer externen Skriptdatei an.
type	scripttype	Gibt den Medientyp des Skripts an.
async	async	Das Skript wird während des Ladens der Seite heruntergeladen und sofort ausgeführt, sobald es bereit ist (nur für externe Skripte).
defer	defer	Das Skript wird während des Ladens der Seite heruntergeladen und erst ausgeführt, nachdem die Seite vollständig geladen und verarbeitet wurde (nur für externe Skripte).
crossorigin	anonymous use-credentials	Legt den Modus der Anfrage auf eine HTTP-CORS-Anfrage fest.
integrity	filehash	Ermöglicht es einem Browser, das abgerufene Skript zu überprüfen, um sicherzustellen, dass der Code niemals geladen wird, wenn der Quellcode manipuliert wurde.
nomodule	true false	Legt fest, dass das Skript nur in Browsern ausgeführt wird, die keine ES2015-Module unterstützen.
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url	Gibt an, welche Referrer-Informationen beim Abrufen eines Skripts gesendet werden sollen.

Unterstützung von Global-Attributen

Das script-Tag unterstützt auch Global-Attributen.

Standardbrowser CSS

Webbrowser wenden auf viele Elemente vordefinierte CSS-Stile an, die eine grundlegende Struktur und Lesbarkeit sicherstellen. Umfang und Ausgestaltung dieser Standardstile können je nach Browser variieren, etwa in Bezug auf Abstände, Schriftgrößen oder die Darstellung einzelner Elemente.

script {
display: none;
}

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des `script` durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element	Firefox	Internet Explorer / Edge	Safari	Chrome	Opera
`<script>`