js获取url参数值 的2种方式

原文链接：http://www.cnblogs.com/jiekk/archive/2011/06/28/2092444.html

今天碰到要在一个页面获取另外一个页面url传过来的参数，一开始很本能的想到了用 split("?")这样一步步的分解出需要的参数。

后来想了一下，肯定会有更加简单的方法的！所以在网上找到了两个很又简单实用的方法，mark下

方法一：正则分析法

 function getQueryString(name) {

  
  

   
       var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    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"));
  
  

方法二：（自己做了点修改）

//js获取url传递参数
function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串 ?id=参数
    var theRequest = new Object();
    if (url.indexOf("?") != -1) { //判读是否存在 ? 就是判断是否有参数
        var str = url.substr(1); //获得 id=参数
        if (str.indexOf("&") != -1) {  //有多个参数
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]); //decodeURI()解码
            }
        } else {//只有一个参数
            theRequest[str.split("=")[0]] = decodeURI(str.split("=")[1]);
            //theRequest[id]=参数
        }
    }
    //alert(theRequest["id"]);
    return theRequest;
}


var Request = new Object();
Request = GetRequest();//获得参数数组
var par= Request["id"];

其他参数获取介绍：

//设置或获取对象指定的文件名或路径。
alert(window.location.pathname) ;

//设置或获取整个 URL 为字符串。
alert(window.location.href) ;

//设置或获取与 URL 关联的端口号码。
alert(window.location.port) ;


//设置或获取 URL 的协议部分。
alert(window.location.protocol) ;

//设置或获取 href 属性中在井号“#”后面的分段。
alert(window.location.hash) ;

//设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host) ;

//设置或获取 href 属性中跟在问号后面的部分。
alert(window.location.search);

Email:gaojun_le@163.com