window.location.hash 使用說明
更新時間:2010年11月08日 22:09:30 作者:
location是javascript里面管理地址欄的內(nèi)置對象.
比如loation.href是 頁面的url .但是 location.hash可以獲取或設(shè)置頁面的 標(biāo)簽值 比如http://domain/#testDemo中 咱們的location.hash 就是 #testDemo
下面引用一個 網(wǎng)上的demo
一個搜索版塊,功能有3個:普通搜索,高級搜索,后臺管理,分別指明他們各自的hash 值:#search,#advsearch,#adminboss. 在頁面初始化的時候,通過window.location.hash來判斷用戶需要訪問的頁面,也就是將要顯示的版塊
var hash;
hash = (!window.location.hash)?"#search":window.location.hash;
window.location.hash = hash;
//這里我們解釋一下(!window.location.hash)什么意思?首先如果當(dāng)前頁面的地址欄的鏈接地址 不包含#....的這些的話,直接取值的話,他會為空!比如這個例子,http://www.dbjr.com.cn/直接取 alert(window.location.hash)//""空 轉(zhuǎn)化為 boolean值 為 false
// 如果 http://www.dbjr.com.cn#hello,world直接取 alert(window.location.hash)//#hello,world 轉(zhuǎn)化為 boolean值 為 true
//下面的就是 可以用switch判斷
//調(diào)整地址欄地址,使前進(jìn)、后退按鈕能使用
switch(hash){
case "#search":
show("panel1");
break;
case "#advsearch":
show("panel2");
break;
case "#adminboss":
show("panel3");
break;
}
下面引用 別人的一句話:
通過window.location.hash=hash這個語句來調(diào)整地址欄的地址,使得瀏覽器里邊的“前進(jìn)”、“后退”按鈕能正常使用(實(shí)質(zhì)上欺騙了瀏覽器)。然后再根據(jù)hash值的不同來顯示不同的面板(用戶可以收藏對應(yīng)的面板了),這就使得Ajax頁面的瀏覽趨于傳統(tǒng)化了。
下面引用一個 網(wǎng)上的demo
一個搜索版塊,功能有3個:普通搜索,高級搜索,后臺管理,分別指明他們各自的hash 值:#search,#advsearch,#adminboss. 在頁面初始化的時候,通過window.location.hash來判斷用戶需要訪問的頁面,也就是將要顯示的版塊
復(fù)制代碼 代碼如下:
var hash;
hash = (!window.location.hash)?"#search":window.location.hash;
window.location.hash = hash;
//這里我們解釋一下(!window.location.hash)什么意思?首先如果當(dāng)前頁面的地址欄的鏈接地址 不包含#....的這些的話,直接取值的話,他會為空!比如這個例子,http://www.dbjr.com.cn/直接取 alert(window.location.hash)//""空 轉(zhuǎn)化為 boolean值 為 false
// 如果 http://www.dbjr.com.cn#hello,world直接取 alert(window.location.hash)//#hello,world 轉(zhuǎn)化為 boolean值 為 true
//下面的就是 可以用switch判斷
//調(diào)整地址欄地址,使前進(jìn)、后退按鈕能使用
switch(hash){
case "#search":
show("panel1");
break;
case "#advsearch":
show("panel2");
break;
case "#adminboss":
show("panel3");
break;
}
下面引用 別人的一句話:
通過window.location.hash=hash這個語句來調(diào)整地址欄的地址,使得瀏覽器里邊的“前進(jìn)”、“后退”按鈕能正常使用(實(shí)質(zhì)上欺騙了瀏覽器)。然后再根據(jù)hash值的不同來顯示不同的面板(用戶可以收藏對應(yīng)的面板了),這就使得Ajax頁面的瀏覽趨于傳統(tǒng)化了。
您可能感興趣的文章:
- javascript-hashchange事件和歷史狀態(tài)管理實(shí)例分析
- 關(guān)于hashchangebroker和statehashable的補(bǔ)充文檔
- 小發(fā)現(xiàn)之淺談location.search與location.hash的問題
- location.hash保存頁面狀態(tài)的技巧
- window.location.hash知識匯總
- 利用location.hash實(shí)現(xiàn)跨域iframe自適應(yīng)
- window.location.hash 屬性使用說明
- hash特點(diǎn)、hashchange事件介紹及其常見應(yīng)用場景
相關(guān)文章
js中方法重載如何實(shí)現(xiàn)?以及函數(shù)的參數(shù)問題
js中沒有辦法直接實(shí)現(xiàn)方法重載,但每一個函數(shù)都有一個特殊的參數(shù)arguments,利用它可以實(shí)現(xiàn)方法的重載,具體示例如下2013-08-08JAVASCRIPT style 中visibility和display之間的區(qū)別
visibility屬性用來確定元素是顯示還是隱藏的,這用visibility="visible|hidden"來表示(visible表示顯示,hidden表示隱藏)。2010-01-01JavaScript中保留小數(shù)點(diǎn)后N位方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript中保留小數(shù)點(diǎn)后N位的幾個常用方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解一下2023-06-06JS+CSS實(shí)現(xiàn)Li列表隔行換色效果的方法
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)Li列表隔行換色效果的方法,實(shí)例分析了js操作li節(jié)點(diǎn)的技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-02-02JS對象轉(zhuǎn)換為Jquery對象實(shí)現(xiàn)代碼
很多新手朋友們都不知道js對象如何轉(zhuǎn)換為jquery對象,其實(shí)很簡單,下面有個不錯的示例,感興趣的朋友可以參考下2013-12-12JS攜帶參數(shù)實(shí)現(xiàn)頁面跳轉(zhuǎn)功能
這篇文章主要介紹了js攜帶參數(shù)實(shí)現(xiàn)頁面跳轉(zhuǎn),實(shí)現(xiàn)方法也很簡單,方式一是跳轉(zhuǎn)路徑攜帶參數(shù),第二種方法是通過sessionStorage傳遞,需要的朋友可以參考下2022-11-11