HTMLScriptElement:supports() 静态方法

supports()HTMLScriptElement 接口的静态方法,它提供了一种简单且一致的方法来检测用户代理支持哪些类型的脚本。

该方法预计对于经典脚本和模块脚本返回 true,大多数现代浏览器都支持这些脚本。

语法

js
HTMLScriptElement.supports(type)

参数

type

一个字符串字面量,指示要检查其支持的脚本类型。支持的值区分大小写,包括

"classic"

测试是否支持经典脚本。“经典”脚本是在模块脚本出现之前的普通/传统 JavaScript 文件。

"module"

测试是否支持模块脚本

"importmap"

测试是否支持导入映射

"speculationrules"

测试是否支持并启用了推测规则

任何其他值都会导致该方法返回 false

返回值

如果指示的脚本类型受支持,则返回 true,否则返回 false

示例

以下代码演示了如何检查 HTMLScriptElement.supports() 是否已定义,如果已定义,则使用它来测试是否支持特定类型的脚本。

js
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");
}

规范

规范
HTML 标准
# dom-script-supports-dev

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅