location是javascript里邊管理地址欄的內(nèi)置對(duì)象，比如location.href就管理頁面的url，用location.href=url就可以直接將頁面重定向url。而location.hash則可以用來獲取或設(shè)置頁面的標(biāo)簽值。比如http://domain/#admin的location.hash="#admin"。利用這個(gè)屬性值可以做一個(gè)非常有意義的事情。

很多人都喜歡收藏網(wǎng)頁，以便于以后的瀏覽。不過對(duì)于Ajax頁面來說的話，一般用一個(gè)頁面來處理所有的事務(wù)，也就是說，如果你瀏覽到一個(gè)Ajax頁面里邊有意思的內(nèi)容，想將它收藏起來，可是地址只有一個(gè)呀，下次你打開這個(gè)地址，還是得像以往一樣不斷地去點(diǎn)擊網(wǎng)頁，找到你鐘情的那個(gè)頁面。另外的話，瀏覽器上的“前進(jìn)”“后退”按鈕也會(huì)失效，這于很多習(xí)慣了傳統(tǒng)頁面的用戶來說，是一個(gè)很大的使用障礙。

那么，怎么用location.hash來解決這兩個(gè)問題呢？其實(shí)一點(diǎn)也不神秘。

比如，我的作者管理系統(tǒng)，主要功能有三個(gè)：普通搜索、高級(jí)搜索、后臺(tái)管理，我分別給它們分配一個(gè)hash值：#search、#advsearch、#admin，在頁面初始化的時(shí)候，通過window.location.hash來判斷用戶需要訪問的頁面，然后通過javascript來調(diào)整顯示頁面。比如：

var ?hash;?
hash = ( ! window.location.hash) ? " #search " :window.location.hash;?
window.location.hash = hash;?
?? // 調(diào)整地址欄地址，使前進(jìn)、后退按鈕能使用?
switch (hash){???
case ? " #search " :??
????selectPanel( " pnlSearch " );??? // 顯示普通搜索面板??
???? break ;????
case ? " #advsearch " :????
?? ????
case ? " #admin " :??
???? ?
}

通過window.location.hash=hash這個(gè)語句來調(diào)整地址欄的地址，使得瀏覽器里邊的“前進(jìn)”、“后退”按鈕能正常使用（實(shí)質(zhì)上欺騙了瀏覽器）。然后再根據(jù)hash值的不同來顯示不同的面板（用戶可以收藏對(duì)應(yīng)的面板了），這就使得Ajax頁面的瀏覽趨于傳統(tǒng)化了。

?

?

?

轉(zhuǎn)自： http://www.cnblogs.com/china-aspx/archive/2008/04/20/1162597.html

?