1. 面向开发者的 Web 技术
  2. CSS:层叠样式表
  3. CSS 参考
  4. At-rules
  5. @media
  6. scripting

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

scripting

基线 广泛可用

自 2023年12月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

scripting CSS 媒体特性可以用来测试脚本(例如 JavaScript)是否可用。

语法

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;
 }
}

结果

规范

规范
Media Queries Level 5
# scripting

浏览器兼容性

参见

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ,由 MDN 贡献者更新。

AltStyle によって変換されたページ (->オリジナル) /