js获取url地址栏的参数

比如从其他链接跳转过来时带有参数,页面的URL就会变成这样:

http://www.xxx.com/?a=1&b=2#/

如果从主页再往二级页跳转时还带有参数,页面的URL就会成这样:

http://www.xxx.com/?a=1&b=2#/user?uname=蚊子&year=2018

在这个具有两个?的链接,location.search获取到的是哪个值?测试一下我们就会发现,获取到的是前面?#之前的参数:

console.log( location.search );

// "?a=1&b=2"
function getQueryString(name) {
    var reg = new RegExp("[?&]" + name + "=([^&#]*)", "i");
    var res = window.location.href.match(reg);
 
    if( res && res.length>1 ){
        return decodeURIComponent(res[1]);
    }
    return '';
}
 
getQueryString('a'); // "1"
getQueryString('b'); // "2"
getQueryString('uname'); // "蚊子"
getQueryString('year'); // "2018"

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老董前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值