今天早上有个帖子问有多少人禁用JavaScript。然后我开始想知道可以使用什么技术来确定用户是否禁用了它。
有人知道一些简单的方法来检测JavaScript是否被禁用吗?我的意图是给一个警告，如果浏览器没有启用JS，站点将无法正常运行。
最终，我想把它们重定向到能够在没有JS的情况下工作的内容，但我需要这个检测作为一个占位符来开始。
当前回答
你可以使用一个简单的JS代码片段来设置隐藏字段的值。当发布回来时，你知道JS是否被启用。
或者你可以尝试打开一个弹出窗口，然后迅速关闭(但可能是可见的)。
你也有NOSCRIPT标签，你可以用它在禁用JS的浏览器中显示文本。
其他回答
在主体上使用.no-js类，并基于.no-js父类创建非javascript样式。 如果javascript被禁用，你会得到所有的非javascript样式， 如果有JS支持，.no- JS类将被替换，像往常一样提供所有的样式。
document.body.className = document.body.className.replace("no-js","js");
通过modernizr在HTML5样板http://html5boilerplate.com/中使用的技巧，但你可以使用一行javascript来替换类
Noscript标签是可以的，但是为什么在你的HTML中有额外的东西，当它可以用CSS完成时
<noscript>甚至不是必需的，更不用说在XHTML中不受支持了。
工作的例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
<title>My website</title>
<style>
#site {
display: none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js "></script>
<script>
$(document).ready(function() {
$("#noJS").hide();
$("#site").show();
});
</script>
</head>
<body>
<div id="noJS">Please enable JavaScript...</div>
<div id="site">JavaScript dependent content here...</div>
</body>
</html>
在本例中，如果启用了JavaScript，则可以看到站点。如果没有，则会看到“请启用JavaScript”消息。测试JavaScript是否启用的最好方法是简单地尝试和使用JavaScript!如果它工作，它被启用，如果没有，那么它不是…
你可以使用一个简单的JS代码片段来设置隐藏字段的值。当发布回来时，你知道JS是否被启用。
或者你可以尝试打开一个弹出窗口，然后迅速关闭(但可能是可见的)。
你也有NOSCRIPT标签，你可以用它在禁用JS的浏览器中显示文本。
noscript块在JavaScript被禁用时执行，通常用于显示你用JavaScript生成的替代内容，例如:
<script type="javascript">
... construction of ajaxy-link, setting of "js-enabled" cookie flag, etc..
</script>
<noscript>
<a href="next_page.php?nojs=1">Next Page</a>
</noscript>
没有js的用户会得到next_page链接——你可以在这里添加参数，这样你就可以在下一页知道他们是否通过js /非js链接来访问，或者试图通过js设置cookie，如果没有这些就意味着js被禁用了。这两个例子都非常琐碎，可以进行操作，但是您可以理解其中的含义。
如果你想知道有多少用户禁用了javascript，你可以这样做:
<noscript>
<img src="no_js.gif" alt="Javascript not enabled" />
</noscript>
然后检查您的访问日志，看看这个映像被击中了多少次。这是一个略显粗糙的解决方案，但它将为你的用户基础提供一个很好的百分比。
上面的方法(图像跟踪)不适用于纯文本浏览器或根本不支持js的浏览器，所以如果你的用户群主要倾向于这方面，这可能不是最好的方法。
这是我使用的“最干净”的解决方案:
<noscript>
<style>
body *{ /*hides all elements inside the body*/
display: none;
}
h1{ /* even if this h1 is inside head tags it will be first hidden, so we have to display it again after all body elements are hidden*/
display: block;
}
</style>
<h1>JavaScript is not enabled, please check your browser settings.</h1>
</noscript>
