Javascript 获取链接(url)参数的方法

qa项目可能需要客户端获取到url的参数，搜到一个很好的解决方法，记录在博客，省得以后找麻烦。

方法一：分解链接的方式

<script type="text/javascript">

/*

 * 说明：Javascript 获取链接(url)参数的方法

 */

function getQueryString(name)

{

    // 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空

    if(location.href.indexOf("?")==-1 || location.href.indexOf(name+'=')==-1)

    {

        return '';

    }

 

    // 获取链接中参数部分

    var queryString = location.href.substring(location.href.indexOf("?")+1);

 

    // 分离参数对 ?key=value&key2=value2

    var parameters = queryString.split("&");

 

    var pos, paraName, paraValue;

    for(var i=0; i<parameters.length; i++)

    {

        // 获取等号位置

        pos = parameters[i].indexOf('=');

        if(pos == -1) { continue; }

 

        // 获取name 和 value

        paraName = parameters[i].substring(0, pos);

        paraValue = parameters[i].substring(pos + 1);

 

        // 如果查询的name等于当前name，就返回当前值，同时，将链接中的+号还原成空格

        if(paraName == name)

        {

            return unescape(paraValue.replace(/\+/g, " "));

        }

    }

    return '';

};

 

//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff

alert(getQueryString('test'));

</script>

 

方法二：用正则匹配

<script type="text/javascript">

function getQueryStringRegExp(name)

{

    var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); 

    if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";

};

 

//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff

alert(getQueryStringRegExp('test'));

</script>

 

原文链接：http://www.codebit.cn/javascript/javascript-get-url-parameter.html