欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery location 傳值

謝彥文2年前10瀏覽0評論

在前端開發(fā)中,有時候需要在頁面之間進行參數(shù)傳遞,jquery中的location對象可以方便地實現(xiàn)這個功能。

使用location傳值的一般流程如下:

//獲取當(dāng)前頁面的URL地址
var url = window.location.href;
//在URL后拼接傳遞的參數(shù)
url += '?name=Tom&age=18';
//跳轉(zhuǎn)到新頁面
window.location.href = url;

上述代碼中使用了location的href屬性,該屬性表示當(dāng)前頁面的URL地址。通過拼接參數(shù)后,重新設(shè)定href屬性的值,即可實現(xiàn)跳轉(zhuǎn)到新頁面并同時傳遞參數(shù)。

在新頁面中獲取傳遞的參數(shù)也十分簡單,只需要使用location的search屬性即可:

//獲取URL中的參數(shù)字符串
var search = window.location.search;
//解析參數(shù)字符串為對象
var params = {};
if (search) {
var searchArr = search.slice(1).split('&');
searchArr.forEach(function (item) {
var kvArr = item.split('=');
params[kvArr[0]] = kvArr[1];
});
}
//獲取name和age參數(shù)的值
var name = params.name;
var age = params.age;

上述代碼中使用了location的search屬性,該屬性表示URL中問號后的參數(shù)字符串。我們將參數(shù)字符串解析為對象,再根據(jù)需要獲取對應(yīng)的參數(shù)值。

總的來說,jquery的location對象方便地實現(xiàn)了前端頁面間的參數(shù)傳遞,極大地方便了前端開發(fā)的工作。