JavaScript：jQuery 获取 url 及 url 参数的方法

一、基本方法

jquery 获取 url 中的 get 参数需要用到正则表达式。代码如下：

//获取url中的参数
function getUrlParam(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
	var r = window.location.search.substr(1).match(reg);  //匹配目标参数
	if (r != null) return unescape(r[2]); return null; //返回参数值
}

如url为：

http://localhost:8080/index.html?uid=1

获取 uid 的方法如下：

var uid = getUrlParam('uid');

二、方法扩展

通过上面的方法，可以为jquery扩展一个方法来通过 jquery 获取url参数，如下：

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

jquery 扩展了这个方法之后,可以通过 '$' 直接来获取某个参数的值，如下：

var uid = $.getUrlParam('uid');