当JavaScript被禁用时仍使网页正常显示

现在有一些浏览器可以手动关闭JavaScript支持,或者说由于网速非常非常慢,引入的JavaScript一直没能加载完毕(以前的百度云分享页面的下载),这时候,一些使用JavaScript特效的页面可能会出问题。不只是特效没出来,本来该有的效果也没有了。

比如,你可能用JavaScript让网页的一个div层在打开的时候渐渐显示。这样一开始的时候就必须设置这个div的display为none,然后用JavaScript控制它渐渐显示,但是当JavaScript无法执行时,这个div层也就永远无法出来了。

一个相对比较土的解决方法是,用JavaScript给这个div加一个特殊的标签,然后CSS控制display的时候,直接选择这个特殊的标签。这样,当JavaScript无法执行的时候,这个特殊标签就不存在,也就不会被设置为none了,代码如下:

<html>  
<head>  
    <title>Hello JavaScript</title>  
    <script>  
        document.documentElement.className = "js";  
    </script>  
    <style>  
        .js #fadein {  
            display: none;  
        }  
    </style>  
</head>  
<body>  
    <div id="fadein">Block of stuff to fade in...</div>  
</body>  
</html>  


6 thoughts on “当JavaScript被禁用时仍使网页正常显示

发表评论

电子邮件地址不会被公开。 必填项已用*标注