若是你稍微懂一些 JS 代碼，通常都會知道 window.location.href 這個屬性。而且用該屬性獲取頁面 URL 地址：異步
window.location.href = window.location.href;
window.location 對象所包含的屬性
| 屬性 | 描述 |
|---|---|
| hash | 從井號 (#) 開始的 URL（錨） |
| host | 主機名和當前 URL 的端口號 |
| hostname | 當前 URL 的主機名 |
| href | 完整的 URL |
| pathname | 當前 URL 的路徑部分 |
| port | 當前 URL 的端口號 |
| protocol | 當前 URL 的協議 |
| search | 從問號 (?) 開始的 URL（查詢部分） |
以芒果小站爲例，用 window.location.href 得到某個頁面參數，獲得以下結果：google
window.location.hash
要使用 JS 定位錨點，徹底能夠使用 window.hash 配合元素 ID 完成。好比快速定位到頁面的某條評論，則直接使用以下代碼便可：spa
window.location.hash = "#comment-5981";
另外 Twitter、Facebook、Google 等已經開始大量使用#! 這種形式的 hash 方法處理異步交互頁面的 URL 可回溯功能。code
window.location.search
若是有這樣一個 URL 地址：對象
http://www.google.com.hk/search?hl=zh-CN&source=hp&biw=1400&bih=935&q=%E8%8A%92%E6%9E%9C%E5%B0%8F%E7%AB%99&aq=f&aqi=&aql=&oq=
如何利用 JS 腳本捕獲頁面 GET 方式請求的參數？其實直接使用window.location.search 得到，而後經過 split 方法結合循環遍歷自由組織數據格式。blog
另外，若是根據用戶的搜索條件刷新頁面，只需直接設置 window.location.search 便可。hash