比如http://domain/#admin的location.hash="#admin"。利用這個(gè)屬性值可以做一個(gè)非常有意義的事情。
很多人都喜歡收藏網(wǎng)頁(yè)，以便于以后的瀏覽。不過(guò)對(duì)于Ajax頁(yè)面來(lái)說(shuō)的話，一般用一個(gè)頁(yè)面來(lái)處理所有的事務(wù)，也就是說(shuō)，如果你瀏覽到一個(gè)Ajax頁(yè)面里邊有意思的內(nèi)容，想將它收藏起來(lái)，可是地址只有一個(gè)呀，下次你打開(kāi)這個(gè)地址，還是得像以往一樣不斷地去點(diǎn)擊網(wǎng)頁(yè)，找到你鐘情的那個(gè)頁(yè)面。另外的話，瀏覽器上的“前進(jìn)”“后退”按鈕也會(huì)失效，這于很多習(xí)慣了傳統(tǒng)頁(yè)面的用戶來(lái)說(shuō)，是一個(gè)很大的使用障礙。
那么，怎么用location.hash來(lái)解決這兩個(gè)問(wèn)題呢？其實(shí)一點(diǎn)也不神秘。
比如，我的作者管理系統(tǒng)，主要功能有三個(gè)：普通搜索、高級(jí)搜索、后臺(tái)管理，我分別給它們分配一個(gè)hash值：#search、#advsearch、#admin，在頁(yè)面初始化的時(shí)候，通過(guò)window.location.hash來(lái)判斷用戶需要訪問(wèn)的頁(yè)面，然后通過(guò)javascript來(lái)調(diào)整顯示頁(yè)面。比如：
代碼如下:
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":
}

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

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com