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

时间:2013-04-10 15:53:07

标签: javascript jquery html cross-browser fallback

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

2 个答案:

答案 0 :(得分:6)

在你的脑海中,放置一些类似的东西:

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

来自MDN

  

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

答案 1 :(得分:0)

您可以使用标记:http://www.w3schools.com/tags/tag_noscript.asp

<script type="text/javascript">
document.write("Javascript is On");
</script>
<noscript><span>Your Javascript is off</span></noscript>`