HTMLScriptElement: supports() statische Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die supports() statische Methode des HTMLScriptElement-Interfaces bietet eine einfache und konsistente Methode, um zu erkennen, welche Arten von Skripten vom Benutzeragenten unterstützt werden.

Es wird erwartet, dass die Methode true für klassische und Modul-Skripte zurückgibt, die von den meisten modernen Browsern unterstützt werden.

Syntax

HTMLScriptElement.supports(type)

Parameter

type

Ein String-Literal, das den Typ des Skripts angibt, für das die Unterstützung überprüft werden soll. Unterstützte Werte sind case-sensitiv und umfassen:

"classic": Überprüfen, ob klassische Skripte unterstützt werden. "Klassische" Skripte sind die normalen/traditionellen JavaScript-Dateien, die den Modul-Skripten vorausgehen.
"module": Überprüfen, ob Modul-Skripte unterstützt werden.
"importmap": Überprüfen, ob Import Maps unterstützt werden.
"speculationrules": Überprüfen, ob Spekulationsregeln unterstützt und aktiviert sind.

Jeder andere Wert führt dazu, dass die Methode false zurückgibt.

Rückgabewert

Gibt true zurück, wenn der angegebene Skripttyp unterstützt wird, andernfalls false.

Beispiele

Der folgende Code zeigt, wie überprüft wird, ob HTMLScriptElement.supports() definiert ist, und wenn ja, diese Methode verwendet wird, um zu testen, ob bestimmte Skripttypen unterstützt werden.

const log = document.getElementById("log");

function checkSupport(type) {
  const result = HTMLScriptElement.supports(type) ? "true" : "false";
  log.textContent += `HTMLScriptElement.supports('${type}') is ${result}\n`;
}

if (typeof HTMLScriptElement.supports === "undefined") {
  log.textContent = "HTMLScriptElement.supports() method is not supported";
} else {
  // Check if various script types are supported
  checkSupport("module");
  checkSupport("classic");
  checkSupport("importmap");
  checkSupport("speculationrules");
  // Any other value will cause the method to return false
  checkSupport("anything else");
}

<textarea id="log" rows="6" cols="80"></textarea>

Spezifikationen

Specification
HTML # dom-script-supports-dev