HTML页面加载前隐藏Div？

Question

我有一个HTML文档，其中正文包含数十个div，所有div都按顺序列出。 （这是一个小屏幕截图的布局。）

每个div的外观和布局由CSS处理。

我希望有选择地隐藏一些div，具体取决于某些状态值。已经创建了一个javascript函数“hideSomeDivs（）”来执行此操作。 （该函数遍历所有div，根据需要将每个元素的style.display属性设置为“none”。）

问题：调用hideSomeDivs（）函数为时已太晚：页面已加载，并且不会显示可视更改。保持原始布局。

问。我如何/在哪里调用此函数，以便隐藏受影响的div，并相应地调整所有布局？感谢。

更多信息：

• 除了javascript交互性之外，该页面是静态的（即没有可用的服务器端处理）。

• 此外，我正在尝试避免在页面加载并绘制到窗口后显示/隐藏元素的任何“弹出”。

• 此外，我需要重新评估和重新绘制布局。例如如果我隐藏div 1到4，但是显示div 5，那么div 5应该出现在页面的顶部。

Answer 1

反过来考虑一下 - 默认隐藏所有div，然后使用javascript根据需要显示它们。

当然，如果您有构建页面的服务器端语言（即PHP，ASP.NET），那么您可以省去javascript，然后您可以正确设置其隐藏状态。

Answer 2

在HTML代码中放入默认隐藏div的样式代码。这将比Javascript更早地进行评估。

Answer 3

你是否想要在body元素的onload事件上调用“hideSomeDivs（）”函数。