提到JavaScript，我們想到的是該語言廣泛應(yīng)用于網(wǎng)頁前端交互的寫客端腳本語言。跳轉(zhuǎn)傳參數(shù)作為前端開發(fā)中日常運(yùn)用的功能之一，也是非常重要的。今天，我們就來一起探究一下JavaScript中如何跳轉(zhuǎn)傳參數(shù)。
JavaScript中跳轉(zhuǎn)主要應(yīng)用于實現(xiàn)網(wǎng)頁間的鏈接跳轉(zhuǎn)或者在同一網(wǎng)頁中的不同位置之間的跳轉(zhuǎn)。而傳參數(shù)則是為了實現(xiàn)不同跳轉(zhuǎn)頁面或位置，能夠傳遞參數(shù)的一個必要功能，這種應(yīng)用方式在工作中也非常常見。下面我們通過常見的案例，來解讀JavaScript跳轉(zhuǎn)傳參數(shù)的具體實現(xiàn)。
在JavaScript中通過window.location可以實現(xiàn)跳轉(zhuǎn)到指定的頁面。例如，我們要跳轉(zhuǎn)到百度的網(wǎng)址，可以通過如下代碼實現(xiàn)：

window.location.;

這段代碼會直接將當(dāng)前網(wǎng)頁跳轉(zhuǎn)到百度的首頁。在跳轉(zhuǎn)的過程中，我們可以通過傳遞參數(shù)來完成一些自定義的操作。具體可以通過URL的參數(shù)傳遞方式或者通過cookie來實現(xiàn)。下面我們就逐一梳理這兩種方式的應(yīng)用場景及實現(xiàn)方法。
一、通過URL的參數(shù)傳遞方式實現(xiàn) 在實現(xiàn)跳轉(zhuǎn)頁面時，往往需要帶一些數(shù)據(jù)到跳轉(zhuǎn)頁面進(jìn)行數(shù)據(jù)的呈現(xiàn)、計算等操作，通常我們可以將這些數(shù)據(jù)以URL參數(shù)的形式附在跳轉(zhuǎn)鏈接的后面?zhèn)鬟f。
例如，我們在一個頁面中輸入手機(jī)號碼，然后點擊“驗證”按鈕，將頁面跳轉(zhuǎn)至另一個頁面并將手機(jī)號碼帶上，給驗證該手機(jī)號的頁面調(diào)用過程，那么我們可以通過如下代碼來實現(xiàn)：

var mobile = document.getElementById("mobile").value;
window.location. + mobile;

這段代碼會將輸入框中的手機(jī)號，以“mobile=手機(jī)號”的參數(shù)形式附在跳轉(zhuǎn)鏈接后面，跳轉(zhuǎn)到指定的鏈接頁面。在跳轉(zhuǎn)到新頁面后，我們可以使用JavaScript獲取被傳遞的參數(shù)，JavaScript會自動將URL參數(shù)解析為一個對象，我們可以通過使用window.location.search獲取URL的參數(shù)字符串，并對其進(jìn)行轉(zhuǎn)義和解析。如下代碼示例：

var url = window.location.href;
var params = url.split('?');
if (params.length > 1) {
var paramStr = params[1].split('=')[1];
alert(decodeURIComponent(paramStr));
}

二、通過cookie來實現(xiàn) 文章前提到，在跳轉(zhuǎn)到新的頁面時，如果需要將其中的某些數(shù)據(jù)或操作作用在目標(biāo)頁面之中，我們通常可通過URL的參數(shù)傳遞方式實現(xiàn)。但是，如果對數(shù)據(jù)的安全性有更高的要求，就需要考慮使用Cookie的方式。Cookie可以將一些數(shù)據(jù)存儲在客戶端（瀏覽器）中，方便傳遞和獲取，在跳轉(zhuǎn)到目的頁面后，我們就可以再次獲取Cookie中的值并進(jìn)行匯總計算，以達(dá)到數(shù)據(jù)的復(fù)用效果。
例如，我們有一個頁面需要記錄用戶的喜好及其他需求，而在這個頁面之后會有另一個頁面需要用到這些用戶喜好，那么我們就可以通過如下代碼實現(xiàn)：
設(shè)置cookie的代碼：

function setCookie(name, value, days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "expires=" + date.toUTCString();
document.cookie = name + "=" + value + "; " + expires + "; path=/";
}
setCookie("username", "Jack", 7);

獲取cookie的代碼：

function getCookie(cName) {
var i, x, y, ARRcookies = document.cookie.split(";");
for (i = 0; i < ARRcookies.length; i++) {
x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
x = x.replace(/^\s+|\s+$/g, "");
if (x === cName) {
return unescape(y);
}
}
return "";
}
var username = getCookie("username");

三、小結(jié) JavaScript跳轉(zhuǎn)傳參數(shù)是前端開發(fā)中常用的功能之一。通過URL和Cookie的傳遞方式，可以方便實現(xiàn)數(shù)據(jù)的傳遞和復(fù)用，讓應(yīng)用更加靈活方便。實際上，JavaScript跳轉(zhuǎn)傳參數(shù)的應(yīng)用還有非常多，作為前端工程師，我們需要靈活運(yùn)用相關(guān)的知識，實現(xiàn)完整的應(yīng)用。