CSS檢測瀏覽器支持javascript

如果可能檢測CSS檢測瀏覽器支持javascript？或設置其他CSS媒體查詢瀏覽器不支持JavaScript？CSS檢測瀏覽器支持javascript

2014-03-07 sebob

所有瀏覽器都支持JS。你是否要檢測它是否關閉？ –

如果js打開，css獨自檢測不到。您需要使用同樣的js – fcalderan

或者Modernizr.js –

常用的方法是將一個名爲no-js的類添加到您的例如

<head class='no-js'>

然後作爲您的第一行JS，刪除類。

爲了簡單起見，在jQuery中你會接着寫：

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

如果使用的是普通的JS，你需要解析類屬性，只刪除無JS位，否則，如果您稍後再添加一些課程，你會用一種天真的方法將它們抹去。

然後，您可以編寫CSS，如：

.message { 
    display:none; 
} 

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

如果你想與類消息的元素只顯示給人以JS禁用。

2014-03-07 12:24:38

你可以做到這一點沒有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是相當不錯的。

2014-03-07 12:13:51 aloisdg

回答