获取地址栏参数

获取地址栏参数

在很多时候，我们需要通过页面的链接来传递参数。既然是传递，那么我们肯定是需要在下一个页面接收，并且使用。那么，如果获取连接中的参数呢？具体的方法如下：

---

1. 代码

function getQueryVariable(variable) {
    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] == variable) {
            return pair[1];
        }
    }
    return (false);
}

---

2. 使用方法

其中，variable参数标识链接地址中的key值，函数的返回结果未对应key值的value，即我们需要的参数值。

---

3. 示例

let url = "http://www.baidu.com/index.html?name=zhangsan&age=12&height=170";
console.log(getQueryVariable(name))  //zhangsan
console.log(getQueryVariable(age))  //12
console.log(getQueryVariable(height))  //170