Location 对象包含有关当前 URL 的信息
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。
| 属性 | 说明 |
|---|---|
| hash | 设置或返回从井号 (#) 开始的 URL（锚）。 |
| host | 设置或返回主机名和当前 URL 的端口号。 |
| hostname | 设置或返回当前 URL 的主机名。 |
| href | 设置或返回完整的URL |
| pathname | 设置或返回当前URL的路径部分 |
| port | 设置或返回当前URL的端口号 |
| protocol | 设置或返回当前URL的协议 |
| search | 设置或返回从问号(?)开始的URL(查询部分) |
javascript实现
用JS获取地址栏参数的方法:
function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
//search,查询？后面的参数，并匹配正则
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
// 调用方法
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
下面举一个例子:
若地址栏URL为：abc.html?id=123&url=http://www.maidq.com
那么，但你用上面的方法去调用：alert(GetQueryString("url"));
则会弹出一个对话框：内容就是 http://www.maidq.com
如果用：alert(GetQueryString("id"));那么弹出的内容就是 123 ；
当然如果你没有传参数的话，比如你的地址是 abc.html 后面没有参数，那强行输出调用结果有的时候会报错：
所以我们要加一个判断 ，判断我们请求的参数是否为空，首先把值赋给一个变量：
var myurl=GetQueryString("url");
if(myurl !=null && myurl.toString().length>1)
{
alert(GetQueryString("url"));
}
这样就不会报错了！
jquery实现
以下是jquery的实现方式：
(function($) {
$.extend({
urlGet: function(){
// 把 astr这个注释即可
// var astr = 'http://www.123.com/postValue?q=222&sort=orderstartdate+up&csid=1&typeid=8&tagname=35&brandid=38&taskid=40';
var aQuery = window.location.href.split("?"); //取得Get参数
var aObj = {};
if(aQuery.length > 1) {
var aBuf = aQuery[1].split("&");
for(var i=0, iLoop = aBuf.length; i<iLoop; i++){
var aTmp = aBuf[i].split("="); //分离key与Value
aObj[aTmp[0]] = aTmp[1];
}
}
return aObj;
}
})
调用：
console.log($.urlGet()) //会得到一个例如{a:1}形式的对象
})(jQuery);
