HTML <script> Tag

Definition und Verwendung

<script> Tag wird verwendet, um Client-Skripte einzubinden.

<script> Das Element enthält entweder Skriptanweisungen oder src-Attribut Verweist auf externe Skriptdateien.

Der häufigste Skripttyp ist JavaScript, obwohl Browser tatsächlich auch andere Skriptsprachen unterstützen.

Eine der häufigsten Anwendungen von JavaScript ist die Bildverarbeitung, die Validierung von Formularen und die dynamische Änderung von Inhalten.

Anmerkung:Der Typ des script-Elements hängt von seiner Verwendung ab. Script-Elemente, die im head-Element stehen, gehören zu den Metadaten-Elementen, während Script-Elemente in anderen Elementen (wie body oder sectionDazu gehören die Phrase-Elemente.

Bitte beachten Sie:

HTML-Tutorial:HTML-Skript

HTML DOM Referenzhandbuch:Script-Objekt

JavaScript-Tutorial:Lernen Sie JavaScript

Beispiel

Beispiel 1: Definition eingebetteten Skripts im Dokument

Verwenden Sie JavaScript, um "Hello JavaScript!" zu schreiben:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Probieren Sie es selbst aus

Beispiel 2: Einbetten externer Skriptbibliothek

<script src="simple.js"></script>

Probieren Sie es selbst aus

Hinweise und Kommentare

Hinweis:Für Browser, die Skripts deaktivieren oder Skripts nicht unterstützen, siehe bitte <noscript>-Element.

Hinweis:Wenn Sie mehr über JavaScript lernen möchten, besuchen Sie bitte unsere JavaScript Anleitung.

Attribut

Attribut Wert Beschreibung
async async Legt fest, dass das Skript parallel zum Parsen der Seite heruntergeladen und sofort ausgeführt wird, wenn es verfügbar ist (vor dem Abschluss des Parsens). (Nur für externe Skripte).
crossorigin
  • anonymous
  • use-credentials
 Setzt den Modus der Anfrage auf HTTP CORS-Anfrage.
defer defer Legt fest, dass das Skript parallel zum Parsen der Seite heruntergeladen und nach Abschluss des Parsens der Seite ausgeführt wird (nur für externe Skripte).
integrity filehash Ermöglicht dem Browser, das获得的Skript zu überprüfen, um sicherzustellen, dass der Code niemals geladen wird, wenn der Quellcode verändert wurde.
nomodule
  • True
  • False
 Legt fest, dass das Skript nicht in Browsern mit Unterstützung für ES2015-Module ausgeführt werden sollte.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Legt fest, welche Referenzinformationen beim Abrufen des Skripts gesendet werden.
src URL Legt die URL des externen Skriptdatei fest.
type Skript-Type Legt den Media-Type des Skripts fest.

Unterschiede zwischen HTML und XHTML

In XHTML werden Inhalte im Skript als #PCDATA (statt CDATA) deklariert, was bedeutet, dass Entities interpretiert werden.

Dies bedeutet, dass in XHTML alle Special Characters kodiert sein sollten oder dass alle Inhalte in einem CDATA-Bereich eingeschlossen werden sollten:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

Globale Attribute

<script> Die Tags unterstützen auch Globale Attribute in HTML.

Standard-CSS-Einstellungen

Die meisten Browser zeigen standardmäßig Werte an, wie folgt: <script> Element:

script {
  display: none;
}

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung