用原生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         }

圖片版：

js獲取url的參數