window.location.hash屬性介紹

location是JavaScript管理地址欄的內置對象,比如location.href管理頁面的url,用location.href=url就可以直接將頁面重定向url。而location.hash則可以用來獲取或設置頁面的標籤值。比如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頁面的瀏覽器趨於傳統化了。

發佈了33 篇原創文章 · 獲贊 13 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章