Welcome To Ask or Share your Answers For Others

html - Show ONLY JavaScript Disabled message

asked Oct 7, 2021 in Technique[技术] by 深蓝 (71.8m points)

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

116 views

Welcome To Ask or Share your Answers For Others

1 Answer

answered Oct 7, 2021 by 深蓝 (71.8m points)

Use <noscript>, with a <style> rule inside the <noscript> that hides everything else using the body > *:not(noscript) selector:

<head>

    <noscript>
        <style>
            body > *:not(noscript) {
                display: none;
            }
        </style>
    </noscript>

</head>
<body>

    <noscript>
        <p>Please enable JavaScript</p>
    </noscript>

</body>

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

...