获取地址栏参数

最新推荐文章于 2022-10-11 15:37:32 发布

蘑菇李

最新推荐文章于 2022-10-11 15:37:32 发布

阅读量1.4k

点赞数 1

分类专栏：前端启蒙for小奶狗文章标签： js javascript

本文链接：https://blog.csdn.net/jiamiao66/article/details/105226653

版权

前端启蒙for小奶狗专栏收录该内容

2 篇文章 0 订阅

订阅专栏

`location.search`、`substring`、`split`的应用

一个通用的方法，想获取什么值都可以

function getQueryStringArgs(){
   
       //获取参数并去掉开头的?
       var qs = (location.search.length > 0 ? location.search.substring(1) : ""),
       
           //存放参数和值的对象
           args = {},
       
           //将多个参数以&拆成name=value的数组
           items = qs.length ? qs.split("&") : [],
           item = null,
           name = null,
           value = null,
          
           len = items.length;
       
       //assign each item onto the args object
       for (var i=0; i < len; i++){
           item = items[i].split("=");
           name = decodeURIComponent(item[0]);
           value = decodeURIComponent(item[1]);
           
           if (name.length){
               args[name] = value;
           }
       }
       
       return args;
   }

   //假如是这样：?q=javascript&num=10
   var args = getQueryStringArgs();
   
   console.log(args["q"]);     //"javascript"
   console.log(args["num"]);   //"10"