在现代 Web 开发中，JavaScript 常常扮演着关键角色。然而，在某些情况下，用户或浏览器可能会禁用网站的 JavaScript 执行，这可能导致网站无法正常工作。那么，我们应该如何立即检测到 JavaScript 是否已被禁用呢？
检测 JavaScript 是否可用
在检测 JavaScript 是否可用时，我们可以使用以下代码：
-- -------------------- ---- -------
--------- -----
------
------
--------- ---------- ------------
--------
---------------------------------- - -----
---------
-------
------ -
-------- -----
-
--------
-------
------
---- --------------
----------- ---------- -------------
------
---- -----------
------------- --------------
------
-------
-------这段代码先将 document.documentElement 的 className 设置为 js，然后定义了一个 CSS 样式 .no-js，将其 display 属性设置为 none。当 JavaScript 可用时，js 类将应用于 html 元素，从而导致 .no-js 元素被隐藏。
监听 JavaScript 是否可用
有时，我们需要在 JavaScript 可用时执行某些操作。为此，我们可以使用以下代码：
-- -------------------- ---- -------
--------- -----
------
------
--------- ---------- ------------
-------
------
--------
-------- ------------------- -
----------------------- -----
-- ----- ---------- ---------
-
--------------------- -
-- ------- ----------------------- --- ----------- -
------------------------------- -------------------
- ---- -
-- -------- -------------------- -----------
---------------------------- -------------------
-
-- ---
---------
-------
-------这段代码定义了一个 onJavaScriptReady 函数，在 JavaScript 可用时将被调用。它使用 setTimeout 将事件添加到队列中，以确保它在文档加载完成后执行。然后，它检查浏览器是否支持 addEventListener 方法，如果是，则使用它来侦听 load 事件。否则，它会使用 attachEvent 方法。
结论
通过上述方法，我们可以立即检测到 JavaScript 是否已被禁用，并在 JavaScript 可用时执行相应的操作。这对于开发无障碍 Web 应用程序和提高用户体验非常有帮助。
值得注意的是，这并不能防止用户禁用 JavaScript 并在网站上执行恶意脚本。因此，仍需要实施其他安全措施，如输入验证和服务器端身份验证。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24071