禁用javascript时使隐藏的div可见

我当前在HTML中有一个初始隐藏的div（使用

display:none

）

---

但是如果禁用Javascript，将永远不会显示完整地址。如何解决此问题？

也许可以尝试使用标签

。如果禁用javascript，它将运行其中的代码。

使用以下HTML代码。现在，当用户或设备不支持javaScript而禁用javaScript时，用户可以看到div。您可以通过CSS上的select.fulladdress类自定义div

 <noscript>
     <div class="fulladdress">
        <p>Only display the contents of this div when an element is clicked!
        </p>
     </div>
</noscript>

仅在单击元素时显示此div的内容！

您可以尝试这样的方法

如果启用了javascript-在文档准备就绪时隐藏div，然后在单击事件时显示

如果javascript禁用了您的document ready函数，它将不会执行，也不会隐藏div

$（文档）.ready（函数（）{
$（“div.fulladdress”）.hide（）；
$（“#按钮”）。在（'单击'，函数（）上{
$（“div.fulladdress”）.show（）；
});
});

仅在单击元素时显示此div的内容

显示
试试这个

<noscript>
    <style type="text/css">
        .pagecontainer {display:none;}
    </style>
    <div class="noscriptmsg">
    You don't have javascript enabled.
    </div>
</noscript>


.pagecontainer{显示：无；}
您没有启用javascript。
如果一开始你必须隐藏你的
div
，即使禁用了JavaScript，然后才显示出来，那么有一些方法可以解决这个问题


您可以检测JavaScript是否被禁用，并请求用户启用它，除非用户这样做，否则不会显示页面

您可以使用CSS属性在鼠标悬停而不是单击时显示/隐藏
.fulladdress
（您可能需要为此修改
div
，或者将其放入
标记中）

您可能希望使用“黑客”来检测点击，而不使用JavaScript。以下是一些示例：





希望这有帮助
 你可以通过CSS属性来隐藏/显示内容。查看这篇文章有人简短地发布了一个关于使用jQuery的
hide
的链接，我现在已经调整了我的代码来使用它。非常合理：）您可以直接使用$（“.fulladdress”）.show（）；我考虑过这一点，但是如果我已经用CSS隐藏了
.fulladdress
，它会显示吗？不确定，但我认为你可以用
文档显示DIV。
然后选择显示，或者你可以在
中创建DIV，但是我想你不希望我知道
div
是通过CSS隐藏的，jQuery只是用来显示它。因此，实际的问题是如何在不使用JavaScript的情况下显示CSS隐藏的
div
（
display:none
）。我也明白，如果禁用JavaScript，那么显示隐藏的
div
是不可接受的。最好先隐藏然后显示（但不要使用JavaScript）。在这种情况下，这就是诀窍。使css属性显示div，如果启用了javascript，则在DocumentReady函数中隐藏它或将css属性更改为display:none。因此，如果禁用javascript，它将显示divTrue，如果默认设置（据我所知）允许禁用javascript时可以看到
div
，那么就可以了。但是，作者仍然希望它被隐藏，即使JavaScript被禁用，并且在用户单击
div
时切换。我相信在没有JavaScript的情况下，有很多方法可以做到这一点。是的，我同意我建议的答案，这不是一个确切的答案，但如果禁用JavaScript，您将如何检测单击事件？如果他使用的是javascript功能，如果javascript被禁用，他必须显示错误页面。CSS中有一些伪类可能适合需要。例如，如果用户将鼠标悬停在
div
上，它将显示
.fulladdress
，可以通过CSS中的
：hover
伪类来实现。点击可以通过使用复选框pseudo class properties（这有点像黑客，但确实有效）等在CSS中注册。
 <noscript>
     <div class="fulladdress">
        <p>Only display the contents of this div when an element is clicked!
        </p>
     </div>
</noscript>

<noscript>
    <style type="text/css">
        .pagecontainer {display:none;}
    </style>
    <div class="noscriptmsg">
    You don't have javascript enabled.
    </div>
</noscript>