window.location.href跳转传参并接收参数

最新推荐文章于 2025-04-25 20:42:06 发布

玺..

最新推荐文章于 2025-04-25 20:42:06 发布

阅读量1.4w

点赞数 6

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/F_mengze/article/details/107317470

版权

前端专栏收录该内容

90 篇文章

订阅专栏

本文介绍如何在H5页面间进行跳转并传递参数，通过具体代码示例展示了如何设置跳转链接及参数，以及在目标页面中如何解析URL获取传递过来的参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做H5页面之间跳转以及带有参数的传递，下边就让我们一起来练习一下吧！

window.location.href = "buyOil.html?userId="+ res.userId;
buyOil.html    这是跳转路径的地址
res.userId是我们传过去的参数，在这里我们模拟res.userId是2，所以就变成了
window.location.href = "buyOil.html?userId="+ 2;

我们在buyOil.html这里边接受这个参数

				function GetRequest() {
					var url = location.search; //获取url中"?"符后的字串
					var theRequest = new Object();
					if (url.indexOf("?") != -1) {
						var str = url.substr(1);
						strs = str.split("&");
						for (var i = 0; i < strs.length; i++) {
							theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
						}
					}
					return theRequest;
				}
				console.log(GetRequest().userId);  //2