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

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

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

window.location 對象所包含的屬性

屬性 描述

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

window.location.hash

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

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

另外 Twitter、Facebook、Google 等已經(jīng)開始大量使用 #! 這種形式的?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 方式請求的參數(shù)？其實(shí)直接使用 window.location.search 獲得，然后通過 split 方法結(jié)合循環(huán)遍歷自由組織數(shù)據(jù)格式。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。