禁用Javascript时显示占位符HTML

时间:2012-07-08 11:03:22

标签: javascript html

我需要在禁用java脚本时在我的HTML文件中显示横幅,就像在stackoverflow站点中一样。在stackoverflow站点中,禁用Java脚本时会显示红色横幅。当JS被禁用时,整个HTML页面稍微向下并显示红色消息是好的,就像在此stackoverflow站点中一样。任何人都可以帮我这样做..

提前致谢..

3 个答案:

答案 0 :(得分:3)

答案 1 :(得分:2)

我不知道它是否仍然是这样做的,但noscript适用于此。

<noscript>Javascript is disabled</noscript>

所以我认为div内的特定noscript应该可以胜任。

<html>
        <head>
                <title>noscript test</title>
                <style>
                        #nojs {
                                top: 0px;
                                width: 100%;
                                position: absolute;
                                background-color: red;
                                color: white;
                                border-bottom: solid 5px black;
                        }
                </style>

        </head>

        <body>

        <noscript><div id="nojs">You should enable javascript!!</div></noscript>

        </body>
</html>

答案 2 :(得分:0)

显示横幅并使用JavaScript隐藏它。因此,显示JavaScript是否未启用!

例如

<img src="myimage.gif" id="myImage" />

<script type="text/javascript">

window.onload = function(){
   document.getElementById("myImage").style.display="none";
}

</script>