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

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">

这样做是因为表单提交是一个新的页面请求。