Question

以下是场景：我有一个div，我预加载到页面中并自动将其display属性设置为hidden。我用javascript弹出说div。问题是当客户端禁用CSS时，显然可以看到DIV。只有在调用我的javascript函数时才能显示div（或div的内容）的最佳方法是什么？

我能想到的最好的方法是将原始HTML传递给javascript var然后使用javascript加载所有HTML，但是，这有点慢（这是一个相当数量的HTML）导致脚本中断时它试图引用尚不存在的DIV。

还有其他更优雅的解决方案吗？

由于

Answer 1

你可以在它周围包装html评论标签：

<!-- <div>your stuff, which should be invisible</div> -->

或者从DOM中完全删除它

Answer 2

如果禁用CSS，则隐藏div的唯一方法是将其从DOM中删除。

Answer 3

您可以在div上设置内联样式（不推荐，但无论如何你的情况都是例外）。

您可以在页面加载时使用JS / jQuery来隐藏div但它会导致闪烁效果（div会立即可见，直到JS运行以隐藏它。）

Answer 4

你希望在页面加载时在你的页面上有一个div，这样没有javascript的用户就可以看到它，也许是为了表明他们某些网站功能需要JS工作。

如果您需要将该div专门用于JS，那么将其放在页面上是一种糟糕的方法。你应该动态创建它，至少是内容。

通过这种方式，您可以确保没有CSS的用户看不到它，同时仍然能够为其他启用了JS的用户显示它。

Answer 5

使用javascript将要隐藏的div的高度设置为零。

$（'＃mydiv'）。css（“height”，“0px”）;