使用JS获取地址栏参数，并转化为json

最新推荐文章于 2025-04-09 16:19:44 发布

eling-

最新推荐文章于 2025-04-09 16:19:44 发布

阅读量861

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/second_boy/article/details/84761257

javascript 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一种使用JavaScript从URL中解析参数的方法，包括如何定位问号、截取参数字符串、分割参数并转换为JSON格式。通过示例代码，读者可以学习如何有效地处理URL中的多个参数。

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

var urlDil = document.location.href;		// http://192.168.12.115:8089/nodejs/get_url/index.html?hehe=100&caca=200
		var starNum = urlDil.indexOf("?");			// 查找到地址栏 ？ 出现的位置
		var urlQuy = urlDil.substring(starNum+1);	// 使用substring()，截取 ？后面的参数，得到字符串：hehe=100&caca=200
		var urlQuyArr = urlQuy.split("&");			// 使用split() 将获取到的字符串以 & 分割
		var json = {};								// 创建一个json用来保存最后转化成json的值
		for(var i=0; i<urlQuyArr.length; i++){		// 循环分割后的数组	[hehe=100, caca=200]
			json[urlQuyArr[i].split("=")[0]] = urlQuyArr[i].split("=")[1];		
			// 	循环的同时再次使用split() 以 = 分割数组，存入json，
			//  例如当前i为0，值为：json[hehe] = 100
			//  例如当前i为1，值为：json[caca] = 200
		}
		console.log(json.caca);		// 200