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

Input Type Button Go Back with History and Back to Top

本文关键字：返回 顶部 记录 历史 按钮 输入 类型      更新时间：2023-09-26

我对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()">

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

这就是代码的作用：

1） 返回并保留用户输入（上一页中有一个表单）。

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

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

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

在当前页面中，您只需要：

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

在上一页中，您会有一个脚本：

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

（当页面最初加载时（在"上一页"之前），脚本自然也会运行，但这不是问题，因为那时页面已经在顶部了。）

作为一种选择，我只是在上一页上放了一个"返回顶部"按钮，以确保它在所有浏览器上都能工作。

相关文章：