显示的后备:无/可见性:隐藏以防javascript被禁用

Question

基本上我最初在我的css文件中设置了某些元素,display: none;并visibility: hidden;在jQuery的帮助下使它们可见.我在想,如果用户禁用了javascript,那就意味着他们根本不会看到任何这些隐藏的元素.为了向禁用javascript的浏览器显示此内容,我怎么能创建一种后备？

Answer 1

在你的脑海中,放置如下:

<noscript>
    <style type="text/css">
        .hidden_by_js_class {display: block;}
    </style>
</noscript>

来自MDN:

<noscript>如果页面上的脚本类型不受支持或者当前在浏览器中关闭了脚本,则HTML 元素定义要插入的html部分.