js 頁面截取url傳遞的參數（前端頁面跳轉傳參）

引用鏈接

https://blog.csdn.net/qq_41864230/article/details/90410779

https://www.cnblogs.com/qianxundaozhu/p/11584900.html

 

我用的

/*js 頁面截取url傳遞的參數*/
/*var url = window.location.href; //獲取當前窗口的Url; 結果：http://localhost:61768/Home/Index?id=2&age=18
var host = window.location.host;//獲取當前窗口的主機名; 結果：localhost:61768
var port = window.location.port; //獲取當前窗口的端口; 結果：61768
var pathname = window.location.pathname;//獲取當前窗口的路徑 ; 結果：/Home/Index
var URL = document.URL;//獲取當前文檔的Url；結果：http://localhost:61768/Home/Index?id=2&age=18
var search = window.location.search;//獲取參數；結果：?id=2&age=18
//key(需要檢索的鍵） url（傳入的需要分割的url地址，例：?id=2&age=18）
*/

function getSearchString(key) {
var str = window.location.search;
str = str.substring(1, str.length); // 獲取URL中?之後的字符（去掉第一位的問號）
// 以&分隔字符串，獲得類似name=xiaoli這樣的元素數組
var arr = str.split("&");
var obj = new Object();
// 將每一個數組元素以=分隔並賦給obj對象
for (var i = 0; i < arr.length; i++) {
var tmp_arr = arr[i].split("=");
obj[decodeURIComponent(tmp_arr[0])] = decodeURIComponent(tmp_arr[1]);
}
return obj[key];
}

 

 

程序中使用如下：

//頁面傳參
id=getSearchString('id');
console.log(id);