在網頁開發中，我們經常需要在不同頁面之間傳遞參數。而JavaScript作為前端語言，也提供了便捷的方式解決這個問題。本文將介紹JavaScript頁面傳遞參數的幾種常見方式。
傳遞參數方法一：URL傳參
URL傳參是最為普遍的一種傳參方式。簡單來說，就是把參數拼接在URL后面，使用問號“？”隔開查詢字符串，并用“&”連接不同參數。比如：

<a >鏈接到index.html</a>

當用戶點擊這個鏈接時，瀏覽器就會跳轉到index.html頁面，并把參數user和age傳遞過去。在接收頁面中，可以使用JavaScript獲取傳遞的參數：

var user = getUrlParam('user');
var age = getUrlParam('age');
console.log(user); // Jack
console.log(age); // 28
<br>
// 獲取Url參數值的函數
function getUrlParam(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null) return decodeURIComponent(r[2]); return null;
}

這里使用了一個封裝好的getUrlParam函數來獲取參數值。該函數的實現使用了正則表達式，可以很好地適應不同的參數名稱和值。
需要注意的是，URL傳參的安全性較差，比如密碼等敏感信息不應通過URL傳遞。
傳遞參數方法二：表單傳參
表單傳參是另一種常見的傳參方式。通過表單，用戶可以在多個頁面之間共享數據。比如一個登錄表單，用戶輸入用戶名和密碼后，可以在后續的頁面中直接獲取這些值。
具體實現方法是，在表單中設置隱藏域（hidden）并填入參數值，然后提交表單。在接收頁面中，使用JavaScript獲取隱藏域的值。
下面是一個簡單的例子：
第一個頁面：

<form id="myform" action="http://example.com/return.html" method="post">
<input type="hidden" name="user" value="Jack">
<input type="hidden" name="age" value="28">
<input type="submit" value="提交">
</form>

第二個頁面：

var user = document.getElementById("myform").user.value;
var age = document.getElementById("myform").age.value;
console.log(user); // Jack
console.log(age); // 28

需要注意的是，表單傳參需要設置表單的提交地址和提交方式。如果需要在同一個頁面中完成提交和接收參數的操作，可以使用JavaScript提交表單和阻止表單默認提交事件的方式。
傳遞參數方法三：localStorage
localStorage是HTML5提供的一種本地存儲方式，可以在不同頁面之間共享數據。使用localStorage傳參的步驟如下：
1.在發送頁面中，將參數值存儲到localStorage中：

localStorage.setItem("user", "Jack");
localStorage.setItem("age", "28");

2.在接收頁面中，獲取localStorage中的值：

var user = localStorage.getItem("user");
var age = localStorage.getItem("age");
console.log(user); // Jack
console.log(age); // 28

需要注意的是，localStorage僅在支持HTML5的瀏覽器中有效，且存儲的數據無法被搜索引擎獲取。當需要在不支持localStorage的瀏覽器中傳遞參數時，可以考慮使用cookie或sessionStorage等替代方案。
總結
以上三種方式都可以實現頁面傳遞參數的功能，根據實際需求進行選擇即可。URL傳參適用于一些簡單的場景，表單傳參適用于數據較多的場景，localStorage適用于需要持久化存儲的場景。無論哪種方式，都需要注意參數的安全性問題，避免敏感信息泄露。