脚本

可以使用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;
  }
}

结果

规范

规范
媒体查询级别 5
# 脚本

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅