js获取url的参数

Posted 2020-11-04 Momen

用原生js实现获取url参数的封装

获取只支持链接后面带  ‘？’后的参数

如：‘https//:www.baidu.com?a=1&b=2&c=3’

代码片段：

 1 function getUrlByKey(url,key){//url为要链接字符串，key为要寻找的名称
 2             let value=false;//定义变量存储找到的值，默认为false
 3             if(url.split("?").length>1){//链接有带参数，没有者忽略
 4                 if(url.split("?")[1].split("&").length>1){//有多个参数
 5                     for(let i in url.split("?")[1].split("&")){//遍历寻找是否有等于实参\'key\'的
 6                         if(url.split("?")[1].split("&")[i].split("=")[0]===key){//找到的话将值赋给value，没有则忽略
 7                             value=url.split("?")[1].split("&")[i].split("=")[1];
 8                         }
 9                     }
10                 }
11                 else{//链接只带一个参数
12                     if(url.split("?")[1].split("=")[0]===key){//判断这个参数名是否等于我们要找的key
13                         value=url.split("?")[1].split("=")[1]
14                     }
15                 }
16             }
17             return value;
18         }

图片版：