JS獲取頁面傳過來的值

利用JS獲取頁面的傳值，此方法只適應Get傳值。

獲取頁面之間的傳值，在后台我們很容易獲取，那我們在前台只利用JS怎么寫呢？

在看代碼之前你需要了解的

① 參考：W3C

Location 對象

Location 對象包含有關當前 URL 的信息。

Location 對象是 Window 對象的一個部分，可通過 window.location 屬性來訪問。

②Map  之前有介紹過：Map和Set ,如果需要更深一層理解 查看Map

 

這兩個知識點搞清楚之后，我們的代碼就很好寫了

我們在一個頁面放一個a標簽 

我們點擊A標簽，就會跳轉，我們在WebForm1中接收

   <script>
            var URL = window.location.search; //？xx=aa&yy=b  形式
            URL = URL.split('?')[1]; //獲取參數列表
            var map = new Map(); //key-value  保存參數和值
            var params = URL.split('&');
            for (var i = 0; i < params.length; i++) {
                var ps = params[i].split('=');
                map.set(ps[0],ps[1]); //添加
            }           
            map.forEach(calBack); //循環，每循環一次調用一次回調函數
            function calBack(value, key, xx) {    //給三個參數    不知道每個參數的意思，可以console.log()查看
                document.write("value:" + value+"<br>"); //值
                document.write("key:" + key + "<br>"); //健
                document.write("值："+map.get(key)+"<br>"); //利用鍵獲取值
              console.log(xx);//查看最后一個參數，應該就是這個集合
            }         
        </script>

傳遞的參數和值就可以獲取到了。