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);


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM