輸入類型按鈕返回歷史記錄並返回頂部

Question

我對JavaScript非常陌生。 我試圖使HTML按鈕在單擊時可以同時執行2件事：

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

（該腳本自然也將在頁面首次加載時運行（在它成為“上一頁”之前），但這不是問題，因為那時頁面已經在頂部了。）

Answer 2

另外，我只是在上一頁上放置了一個“返回頂部”按鈕，以確保它在所有瀏覽器上都可以使用。