js和jq 获取URL的GET参数值(超简单)

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

你可能感兴趣的:(js和jq 获取URL的GET参数值(超简单))