关于获取location地址栏的数据（？后边）

最新推荐文章于 2023-12-12 15:24:02 发布

原创最新推荐文章于 2023-12-12 15:24:02 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#location #location.search #获取地址栏数据并使用

tips 专栏收录该内容

25 篇文章

订阅专栏

博主在学习中遇到需通过地址栏传参数并接收使用的问题，做笔记加深印象。获取地址栏信息用location对象，获取？及其后数据用location.search，获取结果为String类型，可通过split方法分隔成数组存入对象方便调用。

今天在学习中遇到需要通过地址栏传参数并接收使用，一时间忘记了怎么获取，这里做个笔记加深一下印象
获取地址栏的信息需使用location对象，获取？及其之后的数据使用的是 location.search
举个例子，获取的结果为

//https:*****.com/?key=1&&wd=s 获取结果为
// "?key=1&&wd=s"

获取的结果为String类型，这时我们就可以通过String对象的split方法将其分隔成数组存入对象，就可以方便调用了，封装一下

var getUrl = function () {
    var str = decodeURI(location.search);
    var obj = {};
    if (str) {
        str = str.replace("?",'');
        var arr = str.split("&");
        arr.forEach(function (item,index) {
            var newArr = item.split("=");
            obj[newArr[0]] = newArr[1];
        })
    }
    return obj;
}