如何检测JavaScript是否被禁用?

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

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

最终，我想把它们重定向到能够在没有JS的情况下工作的内容，但我需要这个检测作为一个占位符来开始。

当前回答

当浏览器中没有启用js时，<noscript>标记中的代码将被执行。我们可以使用noscript标签来显示msg来打开JS，如下所示。

<noscript>
    <h1 style="text-align: center;">
       To view this page properly, please 
       enable JavaScript and reload the page
    </h1>
</noscript>

同时保持我们的网站内容在身体隐藏。如下

<body>
<div id="main_body" style="display: none;">
    website content.
</div>
</body>

现在如果JS是打开的，你可以让main_body中的内容可见，如下所示

<script type="text/javascript">
    document.getElementById("main_body").style.display="block";
</script>

2018-06-18 11:12:28

其他回答

在某些情况下，倒着做就足够了。使用javascript添加一个类:

// Jquery
$('body').addClass('js-enabled');

/* CSS */
.menu-mobile {display:none;}
body.js-enabled .menu-mobile {display:block;}

这可能会在任何复杂的事情上产生维护问题，但对于某些事情来说，这是一个简单的修复。而不是试图检测它什么时候没有加载，只是根据它加载的时候样式。

2013-01-13 09:52:06

这是为我工作:它重定向访问者如果javascript被禁用

<noscript><meta http-equiv="refresh" content="0; url=whatyouwant.html" /></noscript>

2009-03-04 01:07:33

我过去使用的一种技术是使用JavaScript编写一个会话cookie，它只是作为一个标志，表示启用了JavaScript。然后服务器端代码查找此cookie，如果没有找到，则采取适当的操作。当然，这种技术确实依赖于启用cookie !

2008-09-23 14:10:48

您不会检测用户是否禁用了javascript(服务器端或客户端)。相反，你假设javascript是禁用的，并建立你的网页与javascript禁用。这消除了对noscript的需要，无论如何都应该避免使用noscript，因为它不能很好地工作，而且是不必要的。

例如，只要建立你的网站说<div id="nojs">这个网站没有JS就不能工作

然后，脚本将简单地执行document.getElementById('nojs').style。Display = 'none';并继续其正常的JS业务。

2011-08-31 15:03:12

也许听起来很奇怪，但你可以试一试:

<?php $jsEnabledVar = 0; ?>    

<script type="text/javascript">
var jsenabled = 1;
if(jsenabled == 1)
{
   <?php $jsEnabledVar = 1; ?>
}
</script>

<noscript>
var jsenabled = 0;
if(jsenabled == 0)
{
   <?php $jsEnabledVar = 0; ?>
}
</noscript>

现在在整个页面中使用'$jsEnabledVar'的值。你也可以用它来显示一个块，告诉用户JS被关闭了。

希望这能有所帮助

2013-02-06 15:53:37

如何检测JavaScript是否被禁用?

推荐文章

最新文章

标签