• 您現(xiàn)在的位置： 創(chuàng)新互聯(lián) >> 網(wǎng)站建設 >> 網(wǎng)站建設常見問題 >> window.location.hash屬性介紹

window.location.hash屬性介紹

• 作者：曾小姐 文章來源：成都網(wǎng)站建設 點擊數(shù)：768 更新時間：2011-11-27
• 　　我們在互聯(lián)網(wǎng)上看見的一個個布局巧妙，色彩絢麗的網(wǎng)頁，其實都是用代碼來構(gòu)造的，今天，創(chuàng)新互聯(lián)小編將會跟大家介紹一下window.location.hash屬性情況，方便大家理解。location是javascript里邊管理地址欄的內(nèi)置對象，比如location.href就管理頁面的url，用location.href=url就可以直接將頁面重定向url。而location.hash則可以用來獲取或設置頁面的標簽值。比如http://domain/#admin的location.hash="#admin"。利用這個屬性值可以做一個非常有意義的事情。
  　　很多人都喜歡收藏網(wǎng)頁，以便于以后的瀏覽。不過對于Ajax頁面來說的話，一般用一個頁面來處理所有的事務，也就是說，如果你瀏覽到一個Ajax頁面里邊有意思的內(nèi)容，想將它收藏起來，可是地址只有一個呀，下次你打開這個地址，還是得像以往一樣不斷地去點擊網(wǎng)頁設計，找到你鐘情的那個頁面。另外的話，瀏覽器上的“前進”“后退”按鈕也會失效，這于很多習慣了傳統(tǒng)頁面的用戶來說，是一個很大的使用障礙。
  　　那么，我們怎么用location.hash來解決這兩個問題呢？其實一點也不神秘。
  　　比如，小編的作者管理系統(tǒng)，主要功能有三個：普通搜索、高級百度搜索、后臺管理，我分別給它們分配一個hash值：#search、#advsearch、#admin，在頁面初始化的時候，通過window.location.hash來判斷用戶需要訪問的頁面，然后通過javascript來調(diào)整顯示頁面。比如：
  　　varhash;
  　　hash=(!window.location.hash)?"#search":window.location.hash;
  　　window.location.hash=hash;
  　　//調(diào)整地址欄地址，使前進、后退按鈕能使用
  　　switch(hash){
  　　case"#search":
  　　selectPanel("pnlSearch");//顯示普通搜索面板
  　　break;
  　　case"#advsearch":
  　　case"#admin":
  　　}
  　　通過window.location.hash=hash這個語句來調(diào)整地址欄的地址，使得瀏覽器里邊的“前進”、“后退”按鈕能正常使用（實質(zhì)上欺騙了瀏覽器）。然后再根據(jù)hash值的不同來顯示不同的面板（用戶可以收藏對應的面板了），這就使得Ajax頁面的瀏覽趨于傳統(tǒng)化了。
  　　介紹很簡單，精華很復雜，大家多多操作，實際運用一下，對網(wǎng)頁制作就會多一些認識哦。成都創(chuàng)新互聯(lián)網(wǎng)站建設為您排憂解難，提供專業(yè)權(quán)威的網(wǎng)站制作一條龍服務，歡迎咨詢了解！
  
• 上一篇文章：中國域名全球升級 正式融入國際互聯(lián)網(wǎng)
  下一篇文章：IE,FireFox,Opera瀏覽器支持CSS實現(xiàn)Alpha半透明