利用js实现获取url参数的方法

我们经常可以看到url的?(问号)后面带了很多的参数，那么js如何获取url传递的这些参数呢？JS获取网址中的get参数是非常简单的，下面就来详细的说一下。

JS获取url中参数的方法

方法1：

var query = window.location.search.substring(1);
var vars = query.split("&");
console.log(vars);

打印结果：

'id=1', 'age=18', 'name=mochu'

方法2：

参考方法1的方法，我们可以自定义一个获取url参数的函数，直接调用即可。

js代码：

function getQueryVariable(str)
{
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");
        if(pair[0] == str){
            return pair[1];
        }
    }
    return false;
}

函数使用

console.log(getQueryVariable('name')); // mochu
console.log(getQueryVariable('age')); // 18