window.location.hash屬性介紹
location是javascript里邊管理地址欄的內(nèi)置對象,比如location.href就管理頁面的url,用location.href=url就可以直接將頁面重定向url。而location.hash則可以用來獲取或設(shè)置頁面的標簽值。比如http://domain/#admin的location.hash="#admin"。利用這個屬性值可以做一個非常有意義的事情。
很多人都喜歡收藏網(wǎng)頁,以便于以后的瀏覽。不過對于Ajax頁面來說的話,一般用一個頁面來處理所有的事務(wù),也就是說,如果你瀏覽到一個Ajax頁面里邊有意思的內(nèi)容,想將它收藏起來,可是地址只有一個呀,下次你打開這個地址,還是得像以往一樣不斷地去點擊網(wǎng)頁,找到你鐘情的那個頁面。另外的話,瀏覽器上的“前進”“后退”按鈕也會失效,這于很多習慣了傳統(tǒng)頁面的用戶來說,是一個很大的使用障礙。
那么,怎么用location.hash來解決這兩個問題呢?其實一點也不神秘。
比如,我的作者管理系統(tǒng),主要功能有三個:普通搜索、高級搜索、后臺管理,我分別給它們分配一個hash值:#search、#advsearch、#admin,在頁面初始化的時候,通過window.location.hash來判斷用戶需要訪問的頁面,然后通過javascript來調(diào)整顯示頁面。比如:
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值的不同來顯示不同的面板(用戶可以收藏對應(yīng)的面板了),這就使得Ajax頁面的瀏覽趨于傳統(tǒng)化了。
?
?
?
轉(zhuǎn)自: http://www.cnblogs.com/china-aspx/archive/2008/04/20/1162597.html
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
