作为前端,不可避免的经常对浏览器地址进行操作,要获取浏览器的参数,很简单,方法也很多,我之前经常自己用js的indexof +substr来获取,这样获取相对费事一点,不是很好。今天在这里总结一下浏览器参数获取及参数的操作。

js获取浏览器参数

单纯的用js获取浏览器参数比较简单,我今天介绍一个用正则来写的获取参数的方法,相对比较好一些。

1
2
3
4
5
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)""i");
    var r = window.location.search.substr(1).match(reg);
    if (r != nullreturn unescape(r[2]); return null;
}

就上面这一个小小的函数就可以轻松的搞定!

假如你的地址是:

http://qianduandu.com/demo/index.html?uid=niu&name=daye

调用方法

1
2
3
console.log(getQueryString("uid"));
 
console.log(getQueryString("name"));

console的输出结果:

1
2
3
niu
 
daye