在JavaScript中，頁面跳轉并傳遞參數通常可以通過幾種不同的方式來實現。下面是一些常見的方法：

1.URL參數（Query String）

這是最常見的方式，通過在URL的末尾添加參數來實現。例如：

javascriptwindow.location.href = 'target.html?param1=value1&param2=value2';

在target.html頁面中，你可以使用window.location.search來獲取查詢字符串，并使用URLSearchParams對象解析參數：

javascriptconst params = new URLSearchParams(window.location.search);
const param1 = params.get('param1');
const param2 = params.get('param2');

2.HTML5 History API

HTML5引入了history.pushState()和history.replaceState()方法，它們允許你修改瀏覽器的歷史記錄而不重新加載頁面。你可以使用這些方法與自定義數據一起操作歷史記錄。

例如，使用pushState添加一個新的歷史記錄條目：

javascripthistory.pushState({param1: 'value1', param2: 'value2'}, 'Title', 'target.html');

然后，你可以監聽popstate事件來捕獲歷史記錄更改，并從事件對象中獲取數據：

javascriptwindow.addEventListener('popstate', function(event) {
console.log(event.state.param1); // 'value1'
console.log(event.state.param2); // 'value2'
});

3.使用localStorage或sessionStorage

雖然這不是直接的跳轉傳參方式，但你可以使用Web Storage API（如localStorage或sessionStorage）在頁面之間共享數據。

在設置目標URL之前，將數據存儲在localStorage或sessionStorage中：

javascriptlocalStorage.setItem('param1', 'value1');
localStorage.setItem('param2', 'value2');

然后在目標頁面中檢索這些數據：

javascriptconst param1 = localStorage.getItem('param1');
const param2 = localStorage.getItem('param2');

請注意，使用localStorage存儲的數據將在用戶的瀏覽器會話之間持久化，而sessionStorage中的數據則僅在當前瀏覽器窗口或標簽頁的生命周期內可用。

4.使用Cookie

另一種在頁面之間傳遞數據的方法是使用Cookie。你可以在跳轉之前設置一個Cookie，然后在目標頁面中讀取它。但是，請注意Cookie有一些限制，比如大小限制和跨域問題。

設置Cookie：

javascriptdocument.cookie = "param1=value1; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";
document.cookie = "param2=value2; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

讀取Cookie：

javascriptfunction getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
}const param1 = getCookie('param1');
const param2 = getCookie('param2');

每種方法都有其優缺點，具體取決于你的用例和需求。例如，URL參數對于簡單的鍵值對傳遞很方便，但可能不適合傳遞大量數據或敏感信息。而Web Storage API和Cookie則提供了更持久和靈活的存儲選項，但也可能受到瀏覽器限制或安全問題的影響。