没有style.display的DIV仍然出现

Question

在加载页面时我有一些隐藏某些图层的javascript代码

document.getElementById(layerName).style.display = "none";

一切都运行良好，但在IE和Opera中，这些DIV在页面加载时的前几毫秒出现。在那之后，它恢复正常。

有办法吗？

谢谢！

Answer 1

如果在页面加载时运行代码，则在页面加载完成后才会运行。

相反，您可以将代码放在元素下方的<script>块中，而无需处理onload。

或者你只是使用CSS。

Answer 2

您可以在HTML代码中将显示设置为false

Answer 3

  

有办法吗？

它叫做CSS：

.layer {
display:'none';
}

出现此问题是因为浏览器呈现页面的方式。 CSS是Javascript之前的第一个。因此，如果可能的话，总是尝试用CSS做事。

Answer 4

重复this thread。

基本上，绕过它的方法是使用ajax在页面加载后加载内容。无论如何，IE都会加载它。

Answer 5

将此脚本放置在放置div的正下方。你几乎可以解决问题