window.location.hash---跳轉到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 " :  
     
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM