检查用户的浏览器是否不支持javascript，没有<noscript>

Question

我想让我的网站显示一些东西，如果他们不使用JavaScript。我知道你可以使用<noscript>标签，但如果我的页面上有CSS，我希望它可以清除我的CSS，这样你就可以阅读文本了。

function test()
{
alert("you are using javascript!");
}

body
{
background-color:#200;
}

<input type="button" value="Click Me with JavaScript" onClick="test()">
<noscript>You liar! You don't have JavaScript!</noscript>

Answer 1

最简单的事情是创建一个小的css文件来拥有noscriptCSS，如下所示。注意，您可以根据需要设置文本的样式。这只是一个例子。你甚至可以添加你想只在无脚本环境下运行的css

body:before{
content: 'Please turn on Javascript';
color: white;
font-family: sans-serif;
font-size: 2em;
font-weight: bold;
text-align: center;
width: 100%;
padding: 1em 0;
background: rgba(0,0,0,0.9);
}

然后添加以下HTML

<noscript>
<link rel="stylesheet" type="text/css" href="noscript.css">
</noscript>