js获取url的参数
用原生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 }
图片版: