禁用Javascript时显示占位符HTML

Displaying placeholder HTML when Javascript is disabled

本文关键字：占位符 HTML 显示 Javascript 禁用      更新时间：2023-09-26

当java脚本被禁用时，我需要在我的HTML文件中显示一个横幅，就像在stackoverflow网站中一样。在stackoverflow站点中，当java脚本被禁用时，它会显示一条红色横幅。当JS被禁用时，整个HTML页面会稍微向下一点，并显示一条红色消息，这是很好的。有人能帮我做这件事吗。。

提前谢谢。。

使用<noscript>标签：

https://developer.mozilla.org/en/HTML/Element/noscript

我不知道这是否仍然是一种方法，但noscript适用于此。

<noscript>Javascript is disabled</noscript>

因此，我认为noscript中的特定div应该完成这项工作。

<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>

显示横幅并使用JavaScript将其隐藏。因此，如果没有启用JavaScript，就会显示出来！

例如

<img src="myimage.gif" id="myImage" />
<script type="text/javascript">
window.onload = function(){
   document.getElementById("myImage").style.display="none";
}
</script>
相关文章：