scripting
The scripting
CSS media feature can be used to test whether scripting (such as JavaScript) is available.
Syntax
The scripting
feature is specified as a keyword value chosen from the list below.
none
-
Scripting is completely unavailable on the current document.
initial-only
-
Scripting is enabled during the initial page load, but not afterwards.
enabled
-
Scripting is supported and active on the current document.
Examples
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
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; } }
Result
Specifications
Specification |
---|
Media Queries Level 5 (Media Queries 5) # scripting |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
scripting |
No
See bug 489957.
|
No
See bug 489957.
|
No
See bug 1166581.
|
No |
No |
No |
No
See bug 489957.
|
No
See bug 489957.
|
No
See bug 1166581.
|
No |
No |
No
See bug 489957.
|
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/scripting