javascript - 提交时跳转到 anchor

Question

提交表单后，我想跳转到 anchor 标记。这可能吗？

我的简化形式如下所示

  <form onsubmit="searchFunc()">
    <input type="text" value="Search"  />
</form>

我希望它跳转到 anchor 或 div(理想)

<a name="myAnchor"></a>

<div id="myAnchor"></div>

Answer 1

返回 HTML 响应，或者重定向到末尾带有 #myAnchor 的 URL；或者在页面中嵌入一些 JavaScript，它将滚动/聚焦到所需的部分。

response.sendRedirect("customerEdit#myAnchor");

或者在 JS 中:

$(document).ready( function(){
  var scrollToElement = $("#someElement");
  $(window).scrollTop( scrollToElement.offset().top);
});

HTML 表单 POST 当然是到服务器的往返。因此，您无法在旧页面上滚动，您必须滚动或转到(通过重定向)到新页面上的 anchor 。

如果您使用 AJAX 发帖，您当然会停留在现有页面上并且可以做任何您想做的事情。但这是另一回事。