<noscript>标签无效

Question

我<noscript>没有启用javascript时使用标签来隐藏某些元素; 但是,它似乎没有用.

我的文件声明:

<!DOCTYPE html>

在我的文件的末尾,我键入以下内容:

<noscript>
 <style type="text/css" scoped> #status {display:none;} </style> 
</noscript>

</body>
</html>

但即使在禁用JS之后,#status div仍然存在.我在这里错过了什么吗？

Answer 1

删除标记的scoped属性style.这使得CSS严格适用于<noscript>标签.

如果存在此属性,则样式仅适用于其父元素.

Answer 2

一个更简单的管理解决方案是默认隐藏元素并使用它:

<script>document.getElementById('status').style.display='block';</script>

(或基于同等类别的解决方案)

我想到了一个类似的解决方案(添加一个自定义类),但启用JS后,在JS加载之前会有一个短暂的延迟.这对我来说很重要,所以我只想用HTML来处理它.不管怎么说,还是要谢谢你. (2认同)