詳談js中window.location.search的用法和作用
更新時間：2017年02月13日 09:43:31 投稿：jingxian
下面小編就為大家?guī)硪黄斦刯s中window.location.search的用法和作用。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
用該屬性獲取頁面 URL 地址：
window.location 對象所包含的屬性
| 屬性 | 描述 |
|---|---|
| hash | 從井號 (#) 開始的 URL（錨） |
| host | 主機名和當前 URL 的端口號 |
| hostname | 當前 URL 的主機名 |
| href | 完整的 URL |
| pathname | 當前 URL 的路徑部分 |
| port | 當前 URL 的端口號 |
| protocol | 當前 URL 的協(xié)議 |
| search | 從問號 (?) 開始的 URL（查詢部分） |
如圖就是取出url中的參數(shù)。
JS 腳本捕獲頁面 GET 方式請求的參數(shù)？其實直接使用 window.location.search 獲得，然后通過 split 方法結合循環(huán)遍歷自由組織數(shù)據(jù)格式。
大概處理如下：
var searchURL = window.location.search;
searchURL = searchURL.substring(1, searchURL.length);
var targetPageId = searchURL.split("&")[0].split("=")[1];
以上這篇詳談js中window.location.search的用法和作用就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了如何使用canvas實現(xiàn)有趣的彈簧效果,文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以了解一下2023-12-12
這篇文章全面解析Bootstrap彈窗的實現(xiàn)方法，對其結構進行詳細分析，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了vscode中console.log的兩種快速寫法,每種方法通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-11-11
基于javascript實現(xiàn)簡單的抽獎系統(tǒng)
這篇文章主要為大家詳細介紹了基于javascript實現(xiàn)簡單的抽獎系統(tǒng)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
本文將為大家介紹下正如標題所示的select操作:清空所有的選項、添加一個選項、根據(jù)值、選中一個選項、根據(jù)下標，選中一個選項，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
正因為JavaScript本身沒有完整的類和繼承的實現(xiàn)，并且我們也看到通過手工實現(xiàn)的方式存在很多問題， 因此對于這個富有挑戰(zhàn)性的任務網(wǎng)上已經(jīng)有很多實現(xiàn)了2009-07-07
這篇文章主要介紹了JS創(chuàng)建Tag標簽的方法,結合具體實例形式分析了javascript動態(tài)操作頁面HTML元素實現(xiàn)tag標簽功能的步驟與相關操作技巧,需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細介紹了js實現(xiàn)磚頭在頁面拖拉效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了JS實現(xiàn)超簡單的鼠標拖動效果,涉及JavaScript響應鼠標事件動態(tài)操作頁面元素的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細介紹了bootstrap輪播圖示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05