scripting

Baseline 2023

新推出

自 ⁨2023 年 12 月⁩起，此功能可在最新的设备和浏览器版本上使用。此功能可能无法在较旧的设备或浏览器上使用。

scripting CSS 媒体特性可用于检测脚本（例如 JavaScript）是否可用。

注意：检测由浏览器根据用户设置进行。一些浏览器扩展可以使用不同的技术实现脚本阻止。在这种情况下，scripting 媒体特性可能无法按预期工作。

语法

scripting 特性被指定为从以下列表中选择的关键字值。

none: 脚本在当前文档上完全不可用。
initial-only: 脚本在初始页面加载期间启用，但之后禁用。
enabled: 脚本在当前文档上受支持并处于活动状态。

示例

HTML

html

<p class="script-none">You do not have scripting available. :-(</p>
<p class="script-initial-only">
  Your scripting is only enabled during the initial page load. Weird.
</p>
<p class="script-enabled">You have scripting enabled! :-)</p>

CSS

css

p {
  color: lightgray;
}

@media (scripting: none) {
  .script-none {
    color: red;
  }
}

@media (scripting: initial-only) {
  .script-initial-only {
    color: red;
  }
}

@media (scripting: enabled) {
  .script-enabled {
    color: red;
  }
}

结果

规范

规范
媒体查询 Level 5 # scripting

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面由 MDN 贡献者最后修改于 2025 年 7 月 14 日。

在 GitHub 上查看此页面 • 报告此内容的问题