CSS检测浏览器支持javascript

时间:2014-03-07 11:29:32

标签: css html5 css3

如果检查CSS的可能性检测浏览器支持javascript? 或者为浏览器设置其他CSS媒体查询不支持javascript?

2 个答案:

答案 0 :(得分:1)

你可以在没有javascript的情况下完成。你必须使用...... HTML!

有一个标签:noscript

摘要

  

HTML <noscript>元素定义了如果页面上的脚本类型不受支持或者当前脚本在浏览器中关闭时要插入的html部分。

示例

<noscript>
    <!-- this content will be display if no js -->
</noscript>

在你的情况下,我认为你需要这样的东西:

<noscript>
    <link rel="stylesheet" type="text/css" href="css/nojs.css" />
</noscript>

如果您想了解更多信息,this topic on SO非常好。

答案 1 :(得分:0)

常见的方法是向您添加一个名为no-js的类,例如

<head class='no-js'>

然后作为你的第一行JS,删除该类。

为了简单起见,在jQuery中你要编写:

$("head").removeClass("no-js");

如果你使用普通的JS,你需要解析class属性并删除no-js位,否则如果你以后添加更多的类,你会用一种天真的方法将它们擦掉。

然后您可以编写如下的CSS:

.message {
    display:none;
}

.no-js .message {
    display:block;
}

如果您只想向已禁用JS的人显示带有类消息的元素。