javascript - 输入类型按钮返回历史记录并返回顶部

Question

我对 JavaScript 很陌生。我正在尝试制作一个 HTML 按钮，在单击时(同时)执行两件事:

1)返回并保留用户输入(上一页有一个表单)。

2) 转到上一页的顶部。

这是我所拥有的:

<input type="button" value="Go Back" onclick="javascript:history.go(-1); location.href='#'" />

<小时/>

更新:

<script type="text/javascript">
function goBack() {
    window.history.go(-1);
    window.location.href = "#";
}
</script>

<input type="button" value="Go Back" onclick="goBack()">

但是，单击该按钮时不会执行任何操作。

Answer 1

这就是代码的作用:

1)返回并保留用户输入(上一页有一个表单)。

2) 转到当前页面的顶部。

因此，第一个操作被第二个操作取消。

您需要在目标页面中执行第二步，即上一页上的代码在页面加载时转到顶部。

在当前页面中，您将拥有:

<input type="button" value="Go Back" onclick="javascript:history.go(-1);" />

在上一页中，您将有一个脚本:

window.onload = function(){
  window.scrollTo(0, 0);
};

(该脚本自然也会在页面最初加载时运行(在“上一页”之前)，但这不是问题，因为那时页面已经位于顶部。)