window.location.hash 屬性使用說明
更新時間：2010年03月20日 22:43:49 作者：
location是javascript里邊管理地址欄的內(nèi)置對象，比如location.href就管理頁面的url，用location.href=url就可以直接將頁面重定向url。而location.hash則可以用來獲取或設置頁面的標簽值。
比如http://domain/#admin的location.hash="#admin"。利用這個屬性值可以做一個非常有意義的事情。
很多人都喜歡收藏網(wǎng)頁，以便于以后的瀏覽。不過對于Ajax頁面來說的話，一般用一個頁面來處理所有的事務，也就是說，如果你瀏覽到一個Ajax頁面里邊有意思的內(nèi)容，想將它收藏起來，可是地址只有一個呀，下次你打開這個地址，還是得像以往一樣不斷地去點擊網(wǎng)頁，找到你鐘情的那個頁面。另外的話，瀏覽器上的“前進”“后退”按鈕也會失效，這于很多習慣了傳統(tǒng)頁面的用戶來說，是一個很大的使用障礙。
那么，怎么用location.hash來解決這兩個問題呢？其實一點也不神秘。
比如，我的作者管理系統(tǒng)，主要功能有三個：普通搜索、高級搜索、后臺管理，我分別給它們分配一個hash值：#search、#advsearch、#admin，在頁面初始化的時候，通過window.location.hash來判斷用戶需要訪問的頁面，然后通過javascript來調(diào)整顯示頁面。比如：
var hash;
hash=(!window.location.hash)?"#search":window.location.hash;
window.location.hash=hash;
//調(diào)整地址欄地址，使前進、后退按鈕能使用
switch(hash){
case "#search":
selectPanel("pnlSearch"); //顯示普通搜索面板
break;
case "#advsearch":
case "#admin":
}
通過window.location.hash=hash這個語句來調(diào)整地址欄的地址，使得瀏覽器里邊的“前進”、“后退”按鈕能正常使用（實質(zhì)上欺騙了瀏覽器）。然后再根據(jù)hash值的不同來顯示不同的面板（用戶可以收藏對應的面板了），這就使得Ajax頁面的瀏覽趨于傳統(tǒng)化了。
很多人都喜歡收藏網(wǎng)頁，以便于以后的瀏覽。不過對于Ajax頁面來說的話，一般用一個頁面來處理所有的事務，也就是說，如果你瀏覽到一個Ajax頁面里邊有意思的內(nèi)容，想將它收藏起來，可是地址只有一個呀，下次你打開這個地址，還是得像以往一樣不斷地去點擊網(wǎng)頁，找到你鐘情的那個頁面。另外的話，瀏覽器上的“前進”“后退”按鈕也會失效，這于很多習慣了傳統(tǒng)頁面的用戶來說，是一個很大的使用障礙。
那么，怎么用location.hash來解決這兩個問題呢？其實一點也不神秘。
比如，我的作者管理系統(tǒng)，主要功能有三個：普通搜索、高級搜索、后臺管理，我分別給它們分配一個hash值：#search、#advsearch、#admin，在頁面初始化的時候，通過window.location.hash來判斷用戶需要訪問的頁面，然后通過javascript來調(diào)整顯示頁面。比如：
復制代碼 代碼如下:
var hash;
hash=(!window.location.hash)?"#search":window.location.hash;
window.location.hash=hash;
//調(diào)整地址欄地址，使前進、后退按鈕能使用
switch(hash){
case "#search":
selectPanel("pnlSearch"); //顯示普通搜索面板
break;
case "#advsearch":
case "#admin":
}
通過window.location.hash=hash這個語句來調(diào)整地址欄的地址，使得瀏覽器里邊的“前進”、“后退”按鈕能正常使用（實質(zhì)上欺騙了瀏覽器）。然后再根據(jù)hash值的不同來顯示不同的面板（用戶可以收藏對應的面板了），這就使得Ajax頁面的瀏覽趨于傳統(tǒng)化了。
相關文章
這篇文章主要為大家詳細介紹了原生JS+Canvas實現(xiàn)五子棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
js中火星坐標、百度坐標、WGS84坐標轉(zhuǎn)換實現(xiàn)方法示例
這篇文章主要介紹了js中火星坐標、百度坐標、WGS84坐標轉(zhuǎn)換實現(xiàn)方法,涉及JavaScript數(shù)值計算相關操作技巧,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了AutoJs實現(xiàn)刷寶短視頻的思路詳解,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-05-05
我寫JavaScript代碼已經(jīng)很久了，都記不起是什么年代開始的了。本文給大家分享javascript七大技巧(二)，對javascript技巧相關知識感興趣的朋友一起學習吧2015-12-12
javascript下string.format函數(shù)補充
在上一篇中，自謙懶人的咚鏘留言指出樓豬改寫的format函數(shù)在參數(shù)輸入11個后不起作用了2010-08-08
這篇文章主要介紹了uni-app之APP和小程序微信授權(quán)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
在瀏覽器中對于Dom的操作和普通的腳本的操作處于兩個不同的dll中，兩個dll的交互是比較耗時的，優(yōu)化對Dom的操作可以提高腳本的執(zhí)行速度。本文是對如何優(yōu)化的一些總結(jié)。下面跟著小編一起來看下吧2017-01-01
原生JS實現(xiàn)隱藏顯示圖片 JS實現(xiàn)點擊切換圖片效果
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)隱藏顯示圖片，JS實現(xiàn)點擊切換圖片效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
JS不能跨域，所以這里借助了jquery，真的可以實現(xiàn)獲取IP地址,下面是示例代碼，需要的朋友可以參考下2014-08-08
這篇文章主要為大家介紹了JavaScript對象屬性設置和屏蔽技巧，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02