如何检测JavaScript是否被禁用?

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

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

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

当前回答

我已经想出了另一种方法使用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添加一个类:

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

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

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

2013-01-13 09:52:06

你可以使用一个简单的JS代码片段来设置隐藏字段的值。当发布回来时，你知道JS是否被启用。

或者你可以尝试打开一个弹出窗口，然后迅速关闭(但可能是可见的)。

你也有NOSCRIPT标签，你可以用它在禁用JS的浏览器中显示文本。

2008-09-23 14:08:28

我要在这里加上。02。虽然不是百分百防弹，但我觉得已经足够了。

对我来说，问题是，在我喜欢的例子中，提出一些“没有Javascript，这个网站不能很好地工作”的信息，然后你需要确保你的网站在没有Javascript的情况下也能正常工作。一旦你开始走上这条路，你就会开始意识到，关闭JS后，网站应该是防弹的，这是一大块额外的工作。

所以，你真正想要的是“重定向”到一个页面，上面写着“打开JS，傻瓜”。但是，当然，你不能可靠地做元重定向。所以，我的建议是:

<noscript>
    <style type="text/css">
        .pagecontainer {display:none;}
    </style>
    <div class="noscriptmsg">
    You don't have javascript enabled.  Good luck with that.
    </div>
</noscript>

.．.你站点中的所有内容都是用一个div类“pagcontainer”来包装的。noscript标签内的CSS将隐藏所有页面内容，而不是显示你想要显示的任何“无JS”消息。这实际上是Gmail所做的…如果它对谷歌来说足够好，它对我的小网站来说就足够好了。

2010-10-13 18:24:20

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

首先，页面中任何需要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

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

如何检测JavaScript是否被禁用?

推荐文章

最新文章

标签