js如何获取地址栏的参数,很简单。

本文详细介绍如何使用JavaScript从URL中解析查询参数,并将其转换为易于操作的对象格式。通过使用split()和replace()方法,结合JSON.parse()函数,实现对URL参数的高效处理。

开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

代码如下:

	//1. 获取地址栏href信息   (假设http://localhost:8080/mb?name=xxxx&id=xxx )
	var name = window.location.href;
	//2. 用 ? 分隔拿到数组:['http://localhost:8080/mb','name=xxxx&id=xxx']
	var arr = name.split("?");
	//3. 用 & 分割拿到数组:['name=xxxx', 'id=xxx']
	var arr2 = arr[1].split("&")
	//4. 循环arr2获取到obj对象: {name:xxxx,id:xxx}
	let obj = {};
    arr2.forEach(j => {
        let [key, value] = j.split('=');
        obj[key] = value;
    });
	// obj.name = xxxx
	var a = obj.name;
	//输出结果为xxxx
	console.log(a);

扩展:
JSON.parse():将数据转换为JavaScript对象。

语法:

 JSON.parse(text[, reviver])

参数说明:
text:必需。一个有效的JSON字符串。
reviver:可选,一个转换结果的函数,将为对象的每个成员调用此函数。

开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值