Javascript 使用class和document.documentElement检测js_Javascript_Html

Javascript 使用class和document.documentElement检测js

javascript html

Javascript 使用class和document.documentElement检测js,javascript,html,Javascript,Html,试图弄清楚这段代码是如何检测web浏览器中是否启用了js的。没有任何支票或if或其他任何东西。当没有简单的类js时，会显示消息。但是实际的检查是在哪里进行的呢 <!DOCTYPE html> <html lang="en" class="no-javascript"> <head> <meta charset="UTF-8"> <meta name="viewport" content

试图弄清楚这段代码是如何检测web浏览器中是否启用了js的。没有任何支票或if或其他任何东西。当没有简单的类js时，会显示消息。但是实际的检查是在哪里进行的呢

    <!DOCTYPE html>
    <html lang="en" class="no-javascript">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            .warning {
                display: none;
            }

            .no-javascript .warning {
                display: block;
                text-align: center;
            }
        </style>
    </head>

    <body>
        <div class="warning">Enable js</div>
        <script>
            var elDocument = document.documentElement;
            elDocument.className = elDocument.className.replace(/(^|\s)no-javascript(\s|$)/, '$1');
        </script>
    </body>

    </html>


文件
.警告{
显示：无；
}
.没有javascript。警告{
显示：块；
文本对齐：居中；
}
启用js
var elDocument=document.documentElement；
elDocument.className=elDocument.className.replace（/（^ |\s）无javascript（\s |$）/，“$1”）；

此代码的作用是最初显示警告，然后立即尝试用Javascript隐藏它。如果禁用Javascript，则代码不会运行，并且无法删除警告，因此用户会看到它

请注意，还有一个标记仅在未启用JavaScript时才呈现，参见。

它没有“检查”任何内容。它只能在启用JS的情况下运行。请注意，也有

标记，仅在未启用JavaScript的情况下才会呈现，请参阅。对！非常感谢。