前言：

平時往往會有一些需求，要我們拿到 url 里的參數，傳給后端做處理 或者 別的一些操作，那么就涉及到對 url 字符串進行各種操作，恰好我刷題碰到一個類似的題目描述 ，本篇文章主要介紹簡單的方式 獲取 url 中的參數。

題目描述

?操作步驟

操作 指定的 url?

新建對象存儲后面的操作結果

  var Params = new Object()

?找到?url?中?‘？’?的索引

 var index = url.indexOf('?')

?提取?‘？’?之后的全部字符串

 var strs = url.slice(index+1)

把各個?參數?分離，變成數組

 var str = strs.split('&')

循環?分離?每個參數?的?鍵與值

 for(let i = 0; i < str.length; i++) { 
         Params[str[i].split("=")[0]]=str[i].split("=")[1];
     } 

完整代碼

代碼中 的打印 語句 是我測試每個操作的結果 ，這個可以刪除

<script>
            const _getParams = (url) => {
                // 補全代碼
                var Params = new Object()
                //  找到 url 中 ‘？’ 的索引
                var index = url.indexOf('?')
                console.log(index)
                //  提取 ‘？’ 之后的參數
                var strs = url.slice(index+1)
                console.log(strs)
                // 把各個 參數 分離，變成數組
                var str = strs.split('&')
                console.log(str)
                //  循環 分離 每個參數 的 鍵值
                for(let i = 0; i < str.length; i++) { 
                    // Params[str[i].split("=")[0]]=unescape(str[i].split("=")[1]); 
                    Params[str[i].split("=")[0]]=str[i].split("=")[1];
            } 
            console.log(Params) 
            }
            _getParams('https://nowcoder.com/online?id=1&salas=1000')
        </script>

操作當前頁面的 URL?

這個就是靠? location.search 直接快速 提取到? ‘ ？’? 即后面 的代碼 ,其他步驟都一樣

?window.location打印結果

location.search?

?完整代碼

getRequest = function() { 
          var Params = new Object()  
         //  獲取 url 路徑 '?' 以及后面的全部參數
           var url = location.search;    
          //  去掉 ‘？’ ，拿到參數
            let strs = url.substr(1); 
            //  使用 split 讓不同參數分離 ，strs 是數組形式 
            let str = strs.split("&"); 
            for(let i = 0; i < str.length; i++) {    
                  Params[str[i].split("=")[0]]=str[i].split("=")[1];
            } 
        return  Params
    },
           

文章如有錯誤，懇請大家提出問題，本人不勝感激 。 不懂的地方可以評論，我都會一一回復

文章對大家有幫助的話，希望大家能動手點贊鼓勵，大家未來一起努力 ? ? 長路漫漫，道阻且長 ?