我們經常訪問的網頁，大多是由HTML、CSS和JavaScript三種語言編寫而成的。其中，JavaScript被廣泛用于動態頁面效果和用戶交互。在實際開發中，我們需要傳遞各種參數來實現不同的功能。
一、get參數
我們常見的傳參方式之一就是get參數。在url后面跟上參數名和參數值，多個參數用&符號隔開。例如，訪問 https://www.example.com/?name=zhangsan&age=18 就是使用了get方式傳遞參數。在JavaScript中，我們可以通過location.search屬性獲取當前頁面的get參數。

let urlParams = new URLSearchParams(window.location.search);
let name = urlParams.get('name');
let age = urlParams.get('age');
console.log(name, age);

二、post參數
Post參數是一種在請求體中傳輸參數的方式。當我們使用表單提交時，默認就是使用post方式傳參。在JavaScript中，我們可以通過FormData構造函數來創建一個表單數據對象，然后通過XMLHttpRequest發送數據。

let form = document.getElementById('form');
let formData = new FormData(form);
let xhr = new XMLHttpRequest();
xhr.open('POST', 'https://www.example.com/');
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(formData);

三、hash參數
Hash參數是在url的#后面傳遞參數的一種方式。這種方式在單頁應用程序中比較常見。例如，訪問 https://www.example.com/#/home 就是使用了hash參數傳遞。在JavaScript中，我們可以通過location.hash屬性獲取當前頁面的hash參數。

let hash = window.location.hash;
console.log(hash);

四、cookie參數
Cookie參數是一種在瀏覽器本地存儲參數的方式。使用cookie，我們可以在不同頁面之間傳遞參數。在JavaScript中，我們可以通過document.cookie屬性獲取當前頁面的cookie參數。也可以通過document.cookie屬性設置cookie參數。

document.cookie = 'name=zhangsan';
let cookie = document.cookie;
console.log(cookie);

總結
本文介紹了四種在JavaScript中傳遞參數的方式，包括get參數、post參數、hash參數和cookie參數。實際開發中，我們需要結合具體的場景選擇不同的傳參方式來實現不同的功能。