用JavaScript的正则表达式获取页面URL参数

标签:JavaScript

今天看到有人问怎么获取URL中传递的参数,于是用正则表达式写了个通用的函数来处理:
function getParam(param) {
	var r = new RegExp("\\?(?:.+&)?" + param + "=(.*?)(?:&.*)?$");
	var m = window.location.toString().match(r);
	return m ? m[1] : ""; //如果需要处理中文,可以用返回decodeURLComponent(m[1])
}
alert(getParam("language")); //测试一下
简要介绍一下思路。

URL中传参数是用这种方式:
http://www.google.cn/search?q=haha
即网址后面加?,然后再写参数名=参数值

如果有多个参数,则为这种格式:
http://www.google.cn/search?q=haha&newwindow=1
即每个参数之间用&分隔。

我先用\\?定位问号,然后用(?:.+&)?忽略该参数前的其他参数。
注意前面的?:是让该分组不计入最后的分组列表,免得最后判断分组情况。
接着是.+&,如果前面有其他参数,则会被它匹配。
然后我再加个?,则表示这个分组可有可无,即前面可以有其他参数,也可以没有。

再看(.*?)(?:&.*)?$
第一个分组(.*?)就是我要获取的参数。其中的?表非贪婪模式,避免将多个参数都匹配进来。
第二个分组(?:&.*)?表示后面可以有&连接的其他参数。实际上现在不需要考虑是否有第二个分组,所以写成(&.*)?也无所谓。
最后有个关键的$,它的意思是一直匹配到字符串结束。如果不写的话,第一个分组将匹配一个空字符串。

1条评论 你不来一发么↓ 顺序排列 倒序排列

    向下滚动可载入更多评论,或者点这里禁止自动加载

    想说点什么呢?