如何检测浏览器JavaScript是否已关闭并显示通知

erf*_*aan 2 html javascript jquery noscript

我需要检查浏览器JavaScript是否已关闭,然后显示错误div而不是正文,我该怎么做?

Kie*_*ron 7

你需要反过来做 - 可以这么说 - 你必须输出所有内容,然后使用Javascript隐藏/删除错误div.

它被称为渐进增强.


ror*_*ryf 6

<html class="no-js">
    <head>
    <style>        
        .error,
        .no-js #container {
            display: none;
        }

        .no-js .error {
            display: block;
        }
    </style>

    <script>
        document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/, '');
    </script>

    </head>
    <body>
        <div id="container">
            rest of page
        </div>
        <div class="error">
            sorry, no javascripty, no sitey!
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

当然,这通常是一个坏主意,但我希望你已经考虑过了.