如何检测JavaScript是否被禁用?

今天早上有个帖子问有多少人禁用JavaScript。然后我开始想知道可以使用什么技术来确定用户是否禁用了它。

有人知道一些简单的方法来检测JavaScript是否被禁用吗?我的意图是给一个警告，如果浏览器没有启用JS，站点将无法正常运行。

最终，我想把它们重定向到能够在没有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完成时

2012-04-25 15:05:36

其他回答

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的浏览器，所以如果你的用户群主要倾向于这方面，这可能不是最好的方法。

2008-09-23 14:08:33

 document.body.className = document.body.className.replace("no-js","js");

通过modernizr在HTML5样板http://html5boilerplate.com/中使用的技巧，但你可以使用一行javascript来替换类

Noscript标签是可以的，但是为什么在你的HTML中有额外的东西，当它可以用CSS完成时

2012-04-25 15:05:36

如果javascript被禁用，您的客户端代码将无法运行，所以我假设您的意思是您希望该信息可用的服务器端。在这种情况下，noscript就没那么有用了。相反，我有一个隐藏的输入，并使用javascript填充一个值。在你的下一个请求或回发后，如果值在那里，你知道javascript是打开的。

注意像noscript这样的事情，第一次请求可能显示javascript被禁用，但以后的请求会打开它。

2008-09-23 14:10:47

对于那些只想跟踪js是否被启用的人，如何使用ajax例程来存储状态?例如，我将所有访问者/访问记录在一组表中。JSenabled字段可以设置为默认值FALSE，如果启用了JS, ajax例程会将其设置为TRUE。

2010-11-18 22:14:50

只是有点难，但是(发型师给了我灵感)

CSS:

.pagecontainer {
  display: none;
}

JS:

function load() {
  document.getElementById('noscriptmsg').style.display = "none";
  document.getElementById('load').style.display = "block";
  /* rest of js*/
}

HTML:

<body onload="load();">

  <div class="pagecontainer" id="load">
    Page loading....
  </div>
  <div id="noscriptmsg">
    You don't have javascript enabled. Good luck with that.
  </div>

</body>

在任何情况下都是可行的，对吧? 即使noscript标签不受支持(只需要一些CSS) 有人知道非CSS的解决方案吗?

2010-12-08 23:36:06

如何检测JavaScript是否被禁用?

推荐文章

最新文章

标签