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);
};

（当页面最初加载时（在它之前的页面＆＃34;之前），脚本自然也会运行，但这不是问题因为页面已经在顶部。）

Answer 2

作为替代方案，我只是放置了一个＆＃34;返回顶部＆＃34;上一页上的按钮，以确保它适用于所有浏览器。

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

2 个答案: