首頁 > 網頁教程 > JavaScript > JS代碼的window.location屬性詳解

JS代碼的window.location屬性詳解

時間:2011-05-07    來源:互聯網

如果你稍微懂一些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 即可。

相關推薦
JavaScript編程中的for與in循環的用法實例
用JS代碼簡單實現checkbox的全選與反選
如何處理JS的'null'為空或不是對象
用javascript代碼實現對瀏覽器判斷的思路
25款有趣好玩的JavaScript小游戲
用javascript把XML解析為JSON的方法
用Js操作Cookie的代碼教程附有詳細注釋
JS教程:NodeList集合跟Array數組的區別
深入理解JavaScript的caller,callee,call,apply函數
獲取Javscript執行函數名稱的代碼實例
JavaScript的split函數詳解及代碼實例
新手教程:107條Javascript的常用語句
js禁用下拉框的代碼實例
js編程經驗分享 原始Ajax與jQuery中的Ajax比較
Javascript新手教程:從入門到精通(完整版)
10款基于Javascript的超酷繪畫和畫布類庫
網頁制作web開發中常用的javascript表單驗證函數分享
jquery教程:10條建議讓你編寫的jquery代碼運行速度更快
jQuery教程:10個技巧讓你也能寫出卓越的jQuery插件
jQuery新手教程:12個jQuery編程常用技巧分享
JavaScript技巧:圖片列表的寬度自適應解決辦法
JavaScript解析如何讓搜索引擎看到更真實的網頁?
超實用:正則表達式30分鐘入門教程分享
JS新手教程:數學函數sqrt求平方根函數的代碼分享
JavaScript教程:適合新手的js代碼使用方法和技巧大全
用JavaScript處理JSON數據的代碼實例
在JavaScript中將JSON的字符串解析成JSON數據格式的兩種方法
JavaScript如何處理解析JSON數據詳解
JavaScript新手教程之JSON的使用全解(超詳細)
jQuery教程:10個很實用的jQuery表單操作代碼片段分享
JS根據userAgent值來判斷瀏覽器的類型及版本
JavaScript判斷智能手機瀏覽器的代碼片段分享
Javascript教程:js異步編程的4種方法詳述
JavaScript的Module模式編程深入分析
a標簽中關于javascript:void(0)的幾個問題

精彩推薦

熱門教程

上海天天彩选4第2018348期