DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> window.location.hash 屬性使用說明
window.location.hash 屬性使用說明
編輯:關於JavaScript     
比如http://domain/#admin的location.hash="#admin"。利用這個屬性值可以做一個非常有意義的事情。
很多人都喜歡收藏網頁,以便於以後的浏覽。不過對於Ajax頁面來說的話,一般用一個頁面來處理所有的事務,也就是說,如果你浏覽到一個Ajax頁面裡邊有意思的內容,想將它收藏起來,可是地址只有一個呀,下次你打開這個地址,還是得像以往一樣不斷地去點擊網頁,找到你鐘情的那個頁面。另外的話,浏覽器上的“前進”“後退”按鈕也會失效,這於很多習慣了傳統頁面的用戶來說,是一個很大的使用障礙。
那麼,怎麼用location.hash來解決這兩個問題呢?其實一點也不神秘。
比如,我的作者管理系統,主要功能有三個:普通搜索、高級搜索、後台管理,我分別給它們分配一個hash值:#search、#advsearch、#admin,在頁面初始化的時候,通過window.location.hash來判斷用戶需要訪問的頁面,然後通過javascript來調整顯示頁面。比如:
復制代碼 代碼如下:
var hash;
hash=(!window.location.hash)?"#search":window.location.hash;
window.location.hash=hash;
//調整地址欄地址,使前進、後退按鈕能使用
switch(hash){
case "#search":
selectPanel("pnlSearch"); //顯示普通搜索面板
break;
case "#advsearch":
case "#admin":
}

通過window.location.hash=hash這個語句來調整地址欄的地址,使得浏覽器裡邊的“前進”、“後退”按鈕能正常使用(實質上欺騙了浏覽器)。然後再根據hash值的不同來顯示不同的面板(用戶可以收藏對應的面板了),這就使得Ajax頁面的浏覽趨於傳統化了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved