Javascript 如何防止在页面中显示隐藏表单

新手，我现在正在处理html表单。我使用Jquery在页面加载时隐藏表单，但有些表单会在短时间内保持显示，然后在页面加载后隐藏

这是我隐藏表单的jquery代码

 <script type="text/javascript" src="js/jquery1.10.2.js"></script>
 <script type="text/javascript">
    $(function(){
    $('#page1').show();
    $('#page2').hide();
    $('#page3').hide();
    $('#page4').hide();
    $('#page5').hide();
    $('#white_bg').hide();
    $('#background').hide();
    $('#bgw').hide();
    $('#bgb').hide();
    $('#aql_bgw').hide();
    $('#aql_bgb').hide();
    $('#secondary_form').hide();
    })
</script>

<!---body of the page goes here -->

$（函数（）{
$（'#page1'）.show（）；
$（'#page2'）.hide（）；
$（“#第3页”）.hide（）；
$（'#page4'）.hide（）；
$（'#page5'）.hide（）；
$（'white_bg'）.hide（）；
$（“#背景”）.hide（）；
$（'#bgw'）.hide（）；
$（'#bgb'）.hide（）；
$（'aql#u bgw'）.hide（）；
$（'aql#U bgb'）。隐藏（）；
$（“#次要形式”）.hide（）；
})

我附上了加载页面时发生的事情的图片

然后几毫秒后它消失了

如何在不显示隐藏的div和表单的情况下加载它

---

谢谢

您需要做的是使用css规则来隐藏这些元素，而不是使用jQuery。由于jQuery是隐藏在dom就绪事件上执行的那些元素的脚本，所以在触发该事件之前，将显示这些元素

因此，向这些元素添加一个类，如

hidden

，并添加一个css规则，将display设置为none（将该规则包含在页面的页眉中，以便将元素呈现为hidden）

---

您需要做的是使用css规则来隐藏这些元素，而不是使用jQuery。由于jQuery是隐藏在dom就绪事件上执行的那些元素的脚本，所以在触发该事件之前，将显示这些元素

因此，向这些元素添加一个类，如

hidden

，并添加一个css规则，将display设置为none（将该规则包含在页面的页眉中，以便将元素呈现为hidden）

---

您需要做的是使用css规则来隐藏这些元素，而不是使用jQuery。由于jQuery是隐藏在dom就绪事件上执行的那些元素的脚本，所以在触发该事件之前，将显示这些元素

因此，向这些元素添加一个类，如

hidden

，并添加一个css规则，将display设置为none（将该规则包含在页面的页眉中，以便将元素呈现为hidden）

---

您需要做的是使用css规则来隐藏这些元素，而不是使用jQuery。由于jQuery是隐藏在dom就绪事件上执行的那些元素的脚本，所以在触发该事件之前，将显示这些元素

因此，向这些元素添加一个类，如

hidden

，并添加一个css规则，将display设置为none（将该规则包含在页面的页眉中，以便将元素呈现为hidden）

---

我建议您添加到表单的css中

显示：无

或者您可以向表单的html部分添加如下内容

---

然后，当您想要显示表单时，只需使用javascript即可。

我建议您添加到表单的css中

显示：无

或者您可以向表单的html部分添加如下内容

---

然后，当您想要显示表单时，只需使用javascript即可。

我建议您添加到表单的css中

显示：无

或者您可以向表单的html部分添加如下内容

---

然后，当您想要显示表单时，只需使用javascript即可。

我建议您添加到表单的css中

显示：无

或者您可以向表单的html部分添加如下内容

然后，当您想要显示表单时，只需使用javascript即可。

请尝试以下方法：

document.getElementById('elemtId').style.display = 'none';

试着这样做：

document.getElementById('elemtId').style.display = 'none';

试着这样做：

document.getElementById('elemtId').style.display = 'none';

试着这样做：

document.getElementById('elemtId').style.display = 'none';

---

您面临的问题是，javascript在页面加载后执行，并且表单在默认情况下是可见的，直到javascript更改该页面

您不应该在初始页面加载时使用javascript隐藏/显示任何内容。您可能需要在页面的其他位置使用javascript，以适当地隐藏和显示元素，但这不应该是一个问题，因为此时页面已经加载

---

最好的方法是使用CSS。在我看来，最干净的选择是在用于设置页面样式的primary.css样式表中定义类样式。类定义看起来像

.hidden{display:none；}

。定义了该类样式后，只需将

class=“hidden”

属性添加到表单中，即可将其添加到默认情况下要隐藏的任何表单中。（例如，

）

这也可以通过在html的

style

属性中定义

display

属性来内联完成（例如，

）

---

一个不太干净的选项是添加以下CSS规则

#page2, #page3, #page4, #page5,
#white_bg, #background, #bgw, #bgb,
#aql_bgw, #aql_bgb, #secondary_form {
    display: none;
}

---

您面临的问题是，javascript在页面加载后执行，并且表单在默认情况下是可见的，直到javascript更改该页面

您不应该在初始页面加载时使用javascript隐藏/显示任何内容。您可能需要在页面的其他位置使用javascript，以适当地隐藏和显示元素，但这不应该是一个问题，因为此时页面已经加载

---

最好的方法是使用CSS。在我看来，最干净的选择是在用于设置页面样式的primary.css样式表中定义类样式。类定义看起来像

.hidden{display:none；}

。定义了该类样式后，只需将

class=“hidden”

属性添加到表单中，即可将其添加到默认情况下要隐藏的任何表单中。（例如，

）

这也可以通过在html的

style

属性中定义

display

属性来内联完成（例如，

）

---

一个不太干净的选项是添加以下CSS规则

#page2, #page3, #page4, #page5,
#white_bg, #background, #bgw, #bgb,
#aql_bgw, #aql_bgb, #secondary_form {
    display: none;
}

---

您面临的问题是，javascript在页面加载后执行，并且表单在默认情况下是可见的，直到javascript更改该页面

您不应该在初始页面加载时使用javascript隐藏/显示任何内容。您可能需要javascript