返回显示:none / visibility:在javascript被禁用的情况下隐藏

Fallback for display:none / visibility:hidden in case javascript is disabled

本文关键字:情况下 隐藏 none 显示 visibility 返回 javascript      更新时间:2023-09-26

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

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

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

HTML <noscript>元素定义了一段要插入的HTML如果页面上的脚本类型不受支持,或者脚本是当前在浏览器中处于关闭状态。

您可以使用标签: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>`