防止网页在表单提交时滚动到顶部

Question

我正在通过锚标记和 JavaScript 提交表单。

<a onclick="submit_form();">Submit</a>

单击按钮后，页面立即滚动到页面顶部并继续正常的表单提交过程。

如何防止页面滚动到顶部以及为什么要这样做？

Answer 1

将 OnClick 事件更改为 HREF 中。

<a href="JavaScript:submit_form();">Submit</a>

或者返回False，这样它就不会继续处理点击

<a onClick="submit_form(); return false;">Submit</a>

Answer 2

您可以在表单中有一个名字锚

<a name="name"></a>
<form action="example.html#name">

它确实，由于表单提交是一个新的页面请求。