如果你稍微懂一些JS代碼，一般都會知道 window.location.href 這個屬性。并且用該屬性獲取頁面 URL 地址：

window.location.href = window.location.href;

好吧，我告訴你，這樣弱掉了。其實原生 JavaScript 真是什么都有。

window.location 對象所包含的屬性

屬性 描述

hash	從井號 (#) 開始的 URL（錨）
host	主機名和當前 URL 的端口號
hostname	當前 URL 的主機名
href	完整的 URL
pathname	當前 URL 的路徑部分
port	當前 URL 的端口號
protocol	當前 URL 的協議
search	從問號 (?) 開始的 URL（查詢部分）

window.location.hash

要使用 JS 定位錨點，完全可以使用 window.hash?配合元素 ID 完成。比如快速定位到頁面的某條評論，則直接使用如下代碼即可：

window.location.hash = "#comment-5981";

另外 Twitter、Facebook、Google 等已經開始大量使用 #! 這種形式的?hash?方法處理異步交互頁面的 URL 可回溯功能。

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 方法結合循環遍歷自由組織數據格式。

另外，如果根據用戶的搜索條件刷新頁面，只需直接設置 window.location.search 即可。

總結

以上是生活随笔為你收集整理的JS代码的window.location属性详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。