javascript - 将脚本元素放在代码的第一行很重要吗？

Question

此表单会自动将用户转移到另一个表单。我的问题是，当脚本 block 放在表单 block 之后时，代码可以工作。但是当我交换它们时；这样脚本就在表格之上，那么表格就不起作用了。

谁能告诉我为什么？

作品:

<form id="ponyo_form" action="formB.html" method="POST">
    <input type="text" name="id" value="10" />
    <input type="text" name="transfer_email" value="someone@aol.com" />
    </form>

 <script type="text/javascript">
     document.getElementById("ponyo_form").submit();
 </script>

这行不通:

<script type="text/javascript">
     document.getElementById("ponyo_form").submit();
</script>

<form id="ponyo_form" action="formB.html" method="POST">
<input type="text" name="id" value="10" />
<input type="text" name="transfer_email" value="someone@aol.com" />
</form>

Answer 1

当您在表单之前有代码时这不起作用的原因是代码在沿着页面解析时运行。因此它试图找到一个名为 ponyo_form 的表单，该表单在 DOM 中尚不存在。

要解决此问题，请将其放在表单之后，或将其包装在 onload 函数中。

即:

window.onload = function()
{
    document.getElementById("ponyo_form").submit();
}