JS获取网址中的get参数是非常简单的,下面就来详细的说一下。

JS获取url中参数的方法

方法1:

//网址 http://feiniaomy.com/p.php?id=1&age=18&name=mochu
var query = window.location.search.substring(1);
var vars = query.split("&");
console.log(vars);

打印结果:

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

方法2:

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

js代码:

//示例网址 http://feiniaomy.com/p.php?id=1&age=18&name=mochu
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