如何检测JavaScript是否被禁用?

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

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

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

当前回答

工作的例子:

<!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!如果它工作，它被启用，如果没有，那么它不是…

2014-02-07 06:08:55

其他回答

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

2008-09-23 14:10:48

一个常见的解决方案是将元标记与noscript结合起来刷新页面，并在JavaScript被禁用时通知服务器，如下所示:

<!DOCTYPE html>
<html lang="en">
    <head>
        <noscript>
            <meta http-equiv="refresh" content="0; /?javascript=false">
        </noscript>
        <meta charset="UTF-8"/>
        <title></title>
    </head>
</html>

在上面的例子中，当JavaScript被禁用时，浏览器将在0秒内重定向到网站的主页。此外，它还会向服务器发送参数javascript=false。

然后，服务器端脚本(如node.js或PHP)可以解析该参数，并知道JavaScript已禁用。然后，它可以向客户端发送一个特殊的非javascript版本的网站。

2013-02-22 15:49:22

因为我总是想给浏览器一些有价值的东西，我经常使用这个技巧:

首先，页面中任何需要JavaScript才能正常运行的部分(包括通过getElementById调用等修改的被动HTML元素)都被设计成可用的，假设没有可用的JavaScript。(设计得好像它不存在一样)

任何需要JavaScript的元素，我在标签中放置如下内容:

<span name="jsOnly" style="display: none;"></span>

然后在文档的开头，使用.onload或document。在getElementsByName('jsOnly')的循环中设置.style。Display = "";重新打开JS依赖的元素。这样，非JS的浏览器就不需要看到站点中依赖于JS的部分，如果他们拥有它，它会在准备就绪时立即显示出来。

一旦您习惯了这种方法，就很容易混合您的代码来处理这两种情况，尽管我现在只是在试验noscript标记，并期望它会有一些额外的优点。

2010-07-16 13:53:02

我已经想出了另一种方法使用css和javascript本身。这只是开始修补类和id。

CSS代码片段: 1. 创建一个css ID规则，命名为#jsDis。 2. 使用"content"属性在BODY元素后生成文本。(你可以按照自己的意愿设置样式)。 3创建第二个css ID规则，命名为#jsEn，并对其进行风格化。(为了简单起见，我给#jsEn规则设置了不同的背景色。

<style>
#jsDis:after {
    content:"Javascript is Disable. Please turn it ON!";
    font:bold 11px Verdana;
    color:#FF0000;
}

#jsEn {
    background-color:#dedede;
}

#jsEn:after {
    content:"Javascript is Enable. Well Done!";
    font:bold 11px Verdana;
    color:#333333;
}
</style>

JavaScript代码片段: 1. 创建一个函数。 2. 使用getElementById获取BODY ID并将其分配给一个变量。 3.使用JS函数'setAttribute'，改变BODY元素ID属性的值。

<script>
function jsOn() {
    var chgID = document.getElementById('jsDis');
    chgID.setAttribute('id', 'jsEn');
}
</script>

HTML部分。 1. 将BODY元素属性的ID命名为#jsDis。 2. 使用函数名添加onLoad事件。(jsOn())。

<body id="jsDis" onLoad="jsOn()">

因为BODY标签的ID是#jsDis: -如果Javascript被启用，它会自己改变BODY标签的属性。 -如果Javascript是禁用的，它将显示css 'content:'规则文本。

你可以使用#包装容器，或者使用任何使用JS的DIV。希望这有助于理解。

2013-09-12 03:17:20

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

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

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

2011-08-31 15:03:12

如何检测JavaScript是否被禁用?

推荐文章

最新文章

标签