JavaScript 是一種非常強大的編程語言，它可以用于構建動態網頁，為網頁增加交互性和動態性，這使得用戶在使用網站時有更良好的體驗。而在實際的開發過程中，頁面間傳值是非常常見的需求，下面我們一起來探討一下 JavaScript 頁面間傳值的方法。
在 JavaScript 中，頁面間傳值主要可以分為兩種不同的方式：客戶端本地存儲和 URL 參數傳遞。下面我們分別來介紹一下這兩種方式。
客戶端本地存儲
客戶端本地存儲是指將數據保存在瀏覽器中，使用時從中讀取。客戶端本地存儲主要包括 Cookie、localStorage 和 sessionStorage 三種方式。
Cookie 是最早也是最常用的一種本地存儲方式。它只能存儲字符串類型的數據，且大小有限制，并且隨著請求的發送，每個請求都會帶上 Cookie，這就增加了服務器的負擔。下面是一個使用 Cookie 存儲數據的例子：

// 設置 Cookie
document.cookie = "name=value; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";
<br>
// 讀取 Cookie
function getCookie(name) {
var cookieArr = document.cookie.split(";");
for (var i = 0; i < cookieArr.length; i++) {
var cookieParts = cookieArr[i].trim().split("=");
if (cookieParts[0] === name) {
return cookieParts[1];
}
}
return null;
}

localStorage 和 sessionStorage 則是 HTML5 中新增的本地存儲方式。它們都具有較大的存儲空間，不會隨著請求發送而被發送到服務器上。兩者的區別在于 localStorage 數據在瀏覽器關閉后不會被刪除，而 sessionStorage 數據在瀏覽器關閉后則會被刪除。下面是一個使用 localStorage 存儲數據的例子：

// 設置 localStorage
localStorage.setItem("name", "value");
<br>
// 讀取 localStorage
var value = localStorage.getItem("name");

URL 參數傳遞
URL 參數傳遞是指在 URL 地址中添加參數信息，通過 URL 中的參數信息來傳遞數據。這種傳值方式常用于數據查詢和分頁等場景中。下面是一個使用 URL 參數傳遞的例子：

// 頁面 A
var name = "value";
location.href = "pageB.html?name=" + name;
<br>
// 頁面 B
var searchParams = new URLSearchParams(window.location.search);
var name = searchParams.get("name");

總結
在 JavaScript 中，頁面間傳值可以通過客戶端本地存儲和 URL 參數傳遞兩種方式實現。客戶端本地存儲包括 Cookie、localStorage 和 sessionStorage 三種方式，每種方式各有優缺點，應根據實際需求選擇。URL 參數傳遞通過在 URL 中添加參數信息來傳遞數據，適用于數據查詢等簡單場景。在實際開發中，我們應該根據具體場景選擇合適的傳值方式，實現數據的傳遞和共享。