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