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

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

二、post參數(shù)
Post參數(shù)是一種在請求體中傳輸參數(shù)的方式。當(dāng)我們使用表單提交時，默認(rèn)就是使用post方式傳參。在JavaScript中，我們可以通過FormData構(gòu)造函數(shù)來創(chuàng)建一個表單數(shù)據(jù)對象，然后通過XMLHttpRequest發(fā)送數(shù)據(jù)。

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參數(shù)
Hash參數(shù)是在url的#后面?zhèn)鬟f參數(shù)的一種方式。這種方式在單頁應(yīng)用程序中比較常見。例如，訪問 https://www.example.com/#/home 就是使用了hash參數(shù)傳遞。在JavaScript中，我們可以通過location.hash屬性獲取當(dāng)前頁面的hash參數(shù)。

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

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

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

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