<script>

Verwendungszusammenhang

Attribute

async

Wenn das async-Attribut vorhanden ist, wird das externe Skript parallel zur Parsierung abgerufen und sofort, wenn es verfügbar ist, ausgeführt. Entspricht dem async-Attribut des HTML <script>-Elements. Wertetyp: boolean; Standardwert: keiner; Animierbar: nein

crossorigin

Dieses Attribut definiert die CORS-Einstellungen, wie sie für das HTML <script>-Element definiert sind. Wertetyp: [ anonym | use-credentials ]?; Standardwert: ?; Animierbar: ja

defer

Wenn das defer-Attribut vorhanden ist, wird das externe Skript nach dem Parsieren des Dokuments, aber vor dem Auslösen von DOMContentLoaded ausgeführt. Entspricht dem defer-Attribut des HTML <script>-Elements. Wertetyp: boolean; Standardwert: keiner; Animierbar: nein

fetchpriority

Gibt einen Hinweis auf die relative Priorität, die beim Abrufen eines externen Skripts verwendet werden soll. Erlaubte Werte:

high

Ruft das externe Skript mit hoher Priorität im Vergleich zu anderen externen Skripten ab.

low

Ruft das externe Skript mit niedriger Priorität im Vergleich zu anderen externen Skripten ab.

auto

Setzt keine Präferenz für die Abrufpriorität. Wird verwendet, wenn kein Wert oder ein ungültiger Wert gesetzt ist. Dies ist der Standardwert.

href

Die URL des zu ladenden Skripts. Wertetyp: <URL>; Standardwert: keiner; Animierbar: nein

type

Dieses Attribut definiert den Typ der zu verwendenden Skriptsprache. Wertetyp: **``**; Standardwert: application/ecmascript; Animierbar: nein

xlink:href

Die URL des zu ladenden Skripts. Wertetyp: <URL>; Standardwert: keiner; Animierbar: nein

DOM-Schnittstelle

Dieses Element implementiert die SVGScriptElement Schnittstelle.

Beispiel

Click the circle to change colors.
<svg
  viewBox="0 0 10 10"
  height="120px"
  width="120px"
  xmlns="http://www.w3.org/2000/svg">
  <circle cx="5" cy="5" r="4" />

  <script>
    // <![CDATA[
    function getColor() {
      const R = Math.round(Math.random() * 255)
        .toString(16)
        .padStart(2, "0");

      const G = Math.round(Math.random() * 255)
        .toString(16)
        .padStart(2, "0");

      const B = Math.round(Math.random() * 255)
        .toString(16)
        .padStart(2, "0");

      return `#${R}${G}${B}`;
    }

    document.querySelector("circle").addEventListener("click", (e) => {
      e.target.style.fill = getColor();
    });
    // ]]>
  </script>
</svg>

Spezifikationen

Browser-Kompatibilität

Siehe auch

• fetchpriority Attribut
• script Element in HTML