获取url路径中的参数

简介

运用js的时候,我们有时可能会有这样的需求,就是想要获取浏览器地址栏指定的一项参数,形如:https://i.cnblogs.com/EditPosts.aspx?postid=8628413&update=1,

你想要获取postid的内容8628413,或者update的内容1那么下面就提供解决办法。

解决办法

其实解决办法也挺简单,只要通过一个函数就可以处理掉

//当前url地址栏 file:///C:/Users/admin/Desktop/test.html?id=2
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
console.log(window.location.search)//?id=2
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
console.log(GetQueryString('id'))//

上面函数的用法很简单,只要把你想要的url参数传进去就可以拿到返回值,注意参数为字符串

发散思维

上面的函数是直接解决了获取当前页面url中的参数,有事我们可能不是想要处理url,而是想要获取特定字符串中的参数,形如:postid=8628413&update=1

然后你想要获取postid的对应的值那么要怎么做呢?

只需要理解下上面函数的原理就很好改写了

     function GetQueryString(str,name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
//str = postid=8628413&update=1
//其实str 就相当于 window.location.search.substr(1)
var r = str.match(reg);
if (r != null) return unescape(r[2]);
return null;
}
console.log(GetQueryString('postid=8628413&update=1','postid'))
上一篇:(Java)入门训练 斐波那契数列


下一篇:linux 中部署 rsync 实现文件远程备份及 同步