JavaScript 返回上

有時，我們在網頁中需要通過跳轉到其他頁面來獲取所需的信息，但是在瀏覽器返回這個頁面時，信息會丟失。為了解決這個問題，JavaScript 提供了返回上一頁的功能。在這篇文章中，我們將學習如何實現 JavaScript 返回上一頁的幾種不同方法。

方法一：使用瀏覽器歷史記錄

使用瀏覽器歷史記錄可以實現 JavaScript 返回上一頁的最簡單的方法。在這種方法中，我們可以使用 window 對象的 history 屬性來訪問瀏覽器的歷史記錄。例如，下面的代碼將返回上一頁：

<code>
<button onclick="window.history.back()">返回上一頁</button>
</code>

上面的代碼包含一個按鈕，當點擊它之后，會調用 window 對象的 back() 方法，返回上一頁。這個方法也可以使用瀏覽器的返回按鈕來觸發。

方法二：使用瀏覽器 URL

在這種方法中，我們可以直接修改瀏覽器的 URL 來實現 JavaScript 返回上一頁。下面的代碼演示了這種方法：

<code>
<script>
function goBack() {
window.location.href = document.referrer;
}
</script>
<button onclick="goBack()">返回上一頁</button>
</code>

上面的代碼包含一個 JavaScript 函數 goBack()，它將瀏覽器的 URL 設置為 document.referrer，document.referrer 表示前一個頁面的 URL。當點擊按鈕時，JavaScript 調用這個函數，將瀏覽器的 URL 修改為前一個頁面的 URL，實現 JavaScript 返回上一頁。

方法三：使用 SessionStorage

SessionStorage 是一種 HTML5 Web 存儲 API，它可以存儲在同一瀏覽器窗口中所有訪問的頁面之間共享的數據。在這種方法中，我們可以使用 SessionStorage 在不同的頁面之間共享返回信息。下面的代碼演示了這種方法：

<code>
// 在當前頁面設置返回信息
sessionStorage.setItem("returnData", "返回信息");
// 在返回頁面獲取返回信息
var returnData = sessionStorage.getItem("returnData");
</code>

上面的代碼包含兩個部分：在當前頁面設置返回信息和在返回頁面獲取返回信息。在當前頁面中，我們使用 sessionStorage.setItem() 方法設置了一個名為 returnData 的 SessionStorage。當頁面返回時，我們可以使用 sessionStorage.getItem() 方法獲取這個 SessionStorage 中的值。

總結

在本文中，我們介紹了 JavaScript 返回上一頁的三種不同方法。使用瀏覽器歷史記錄可以實現最簡單的返回上一頁，使用瀏覽器 URL 可以直接修改瀏覽器的 URL 實現返回上一頁，使用 SessionStorage 可以在不同的頁面之間共享返回信息。這些方法都可以在不同的場景下使用，根據需要選擇合適的方法即可。