首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

脚本 | @media.scripting

scripting CSS @media媒体功能可基于脚本(如JavaScript)是否可用来应用样式。

语法

scripting功能被指定为从下面的列表中选择的关键字值。

none脚本在当前文档中完全不可用。

initial-only在初始页面加载期间启用脚本,但不是之后。

enabled当前文档支持并激活脚本。

例子

HTML

代码语言:javascript
复制
<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

代码语言:javascript
复制
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;
  }
}

结果

规范

Specification

Status

Comment

Media Queries Level 4The definition of 'scripting' in that specification.

Working Draft

Deferred to Media Queries Level 5.

浏览器兼容性

Feature

Chrome

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

No support1

No support2

No support

No support

No support

Feature

Android

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

No support

No support

No support

No support

No support

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com