Question

我在Stack上看到另一个问题是在完全加载之前没有显示页面。这不是我在这里要求的。我想要做的是等待显示一个表单，直到页面完全加载。那可能吗？如果是这样，怎么样？请提供一些示例代码。谢谢！

Answer 1

您可以通过在实际表单上设置display：none然后使用jquery在页面加载时显示它来实现此目的。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#your_form_id').show();
  });
</script>

<form id="your_form_id" style="display:none;">
<!-- your content -->
</form>

Answer 2

你不应该听我的话并做display: none把戏。

您需要创建一个JavaScript函数来创建表单并将其注入页面。然后，您需要使用domready事件注册此函数。

http://davidwalsh.name/javascript-domready

创建表单并将其注入的示例函数：

var createForm = function () {
    var form = document.createElement("form");

    var textBox = document.createElement("input");
    textBox.setAttribute("type", "text");
    textBox.setAttribute("name", "someText");
    form.appendChild(textBox);

    var submit = document.createElement("input");
    textBox.setAttribute("type", "submit");
    textBox.setAttribute("value", "Submit");
    form.appendChild(submit);

    document.getElementById("PUTFORMHERE").appendChild(form);
};

HTML：

<html>
    <head />
    <body>
        <div id="PUTFORMHERE" />
    </body>
</html>

Answer 3

添加到style =“display：none”然后使用jquery在加载时显示。？

喜欢$（）。load（function（）{$（'from'）。show（）;}）

Answer 4

您可以使用body onLoad属性和JQuery来完成它。像这样......

<body onLoad="$('#theform').show()">

<form id="theform" style="display:none">
<!-- blah blah blah -->
</form>

</body>

希望这有帮助。

如何在页面加载完成之前隐藏HTML元素的集合？

4 个答案: