国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > 綜合 > 正文

window.location.hash屬性介紹

2024-07-21 02:14:05
字體:
供稿:網(wǎng)友

location是javascript里邊管理地址欄的內(nèi)置對象,比如location.href就管理頁面的url,用location.href=url就可以直接將頁面重定向url。而location.hash則可以用來獲取或設(shè)置頁面的標簽值。比如http://domain/#admin的location.hash="#admin"。利用這個屬性值可以做一個非常有意義的事情。

很多人都喜歡收藏網(wǎng)頁,以便于以后的瀏覽。不過對于Ajax頁面來說的話,一般用一個頁面來處理所有的事務(wù),也就是說,如果你瀏覽到一個Ajax頁面里邊有意思的內(nèi)容,想將它收藏起來,可是地址只有一個呀,下次你打開這個地址,還是得像以往一樣不斷地去點擊網(wǎng)頁,找到你鐘情的那個頁面。另外的話,瀏覽器上的“前進”“后退”按鈕也會失效,這于很多習(xí)慣了傳統(tǒng)頁面的用戶來說,是一個很大的使用障礙。

那么,怎么用location.hash來解決這兩個問題呢?其實一點也不神秘。

比如,我的作者管理系統(tǒng),主要功能有三個:普通搜索、高級搜索、后臺管理,我分別給它們分配一個hash值:#search、#advsearch、#admin,在頁面初始化的時候,通過window.location.hash來判斷用戶需要訪問的頁面,然后通過javascript來調(diào)整顯示頁面。比如:

var hash; 
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值的不同來顯示不同的面板(用戶可以收藏對應(yīng)的面板了),這就使得Ajax頁面的瀏覽趨于傳統(tǒng)化了。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 绥中县| 南宫市| 墨竹工卡县| 盐亭县| 镇沅| 布拖县| 桐柏县| 海伦市| 康乐县| 将乐县| 巴东县| 咸阳市| 无极县| 绿春县| 翁牛特旗| 璧山县| 冷水江市| 延津县| 宜兴市| 玛沁县| 郎溪县| 历史| 桃源县| 富裕县| 邵武市| 平南县| 临潭县| 威宁| 维西| 通海县| 碌曲县| 若羌县| 油尖旺区| 唐山市| 丰原市| 辽源市| 德令哈市| 丰宁| 盘锦市| 贡觉县| 吉水县|