window.location.hash 使用說明
更新時間：2010年11月08日 22:09:30 作者：
location是javascript里面管理地址欄的內(nèi)置對象.
比如loation.href是 頁面的url .但是 location.hash可以獲取或設(shè)置頁面的 標簽值 比如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)什么意思?首先如果當前頁面的地址欄的鏈接地址 不包含#....的這些的話,直接取值的話,他會為空!比如這個例子,http://m.fzitv.net/直接取 alert(window.location.hash)//""空 轉(zhuǎn)化為 boolean值 為 false
// 如果 http://m.fzitv.net#hello,world直接取 alert(window.location.hash)//#hello,world 轉(zhuǎn)化為 boolean值 為 true
//下面的就是 可以用switch判斷
//調(diào)整地址欄地址，使前進、后退按鈕能使用
switch(hash){
case "#search":
show("panel1");
break;
case "#advsearch":
show("panel2");
break;
case "#adminboss":
show("panel3");
break;
}
下面引用 別人的一句話:
通過window.location.hash=hash這個語句來調(diào)整地址欄的地址，使得瀏覽器里邊的“前進”、“后退”按鈕能正常使用（實質(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)什么意思?首先如果當前頁面的地址欄的鏈接地址 不包含#....的這些的話,直接取值的話,他會為空!比如這個例子,http://m.fzitv.net/直接取 alert(window.location.hash)//""空 轉(zhuǎn)化為 boolean值 為 false
// 如果 http://m.fzitv.net#hello,world直接取 alert(window.location.hash)//#hello,world 轉(zhuǎn)化為 boolean值 為 true
//下面的就是 可以用switch判斷
//調(diào)整地址欄地址，使前進、后退按鈕能使用
switch(hash){
case "#search":
show("panel1");
break;
case "#advsearch":
show("panel2");
break;
case "#adminboss":
show("panel3");
break;
}
下面引用 別人的一句話:
通過window.location.hash=hash這個語句來調(diào)整地址欄的地址，使得瀏覽器里邊的“前進”、“后退”按鈕能正常使用（實質(zhì)上欺騙了瀏覽器）。然后再根據(jù)hash值的不同來顯示不同的面板（用戶可以收藏對應(yīng)的面板了），這就使得Ajax頁面的瀏覽趨于傳統(tǒng)化了。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于js遍歷對象key和value的相關(guān)資料,隨著JavaScript在web應(yīng)用程序中的廣泛使用,遍歷對象的key和value成為了編寫復(fù)雜代碼所必需的技能,需要的朋友可以參考下2023-07-07
本文主要介紹了canvas的相關(guān)知識。canvas本身很簡單，就是去學(xué)習(xí)它的API，多看實例，多自己動手練習(xí)，多總結(jié)。本文介紹了很多小例，具有一定的參考價值，下面跟著小編一起來看下吧2016-12-12
兼容IE和Firefox火狐的上下、左右循環(huán)無間斷滾動JS代碼
html里的marqueen也能實現(xiàn)內(nèi)容的滾動，但滾動是間斷的，運用JavaScript可以使這一問題得到改觀，實現(xiàn)無間斷的滾動,讓頁面看起來更美觀2013-04-04
js css實現(xiàn)垂直方向自適應(yīng)的三角提示菜單
這篇文章主要為大家詳細介紹了js css實現(xiàn)垂直方向自適應(yīng)的三角提示菜單的相關(guān)資料,需要的朋友可以參考下2016-06-06
很多朋友都聽說過比特幣和以太幣這樣的加密貨幣，但是只有極少數(shù)人懂得隱藏在它們背后的技術(shù)，接下來通過本文給大家介紹用JavaScript來創(chuàng)建一個簡單的區(qū)塊鏈來演示它們的內(nèi)部究竟是如何工作的，感興趣的朋友一起看看吧2018-03-03
這篇文章主要介紹了微信小程序如何訪問公眾號文章，隨著小程序不斷的發(fā)展，現(xiàn)在個人的小程序也開放了很多功能了，個人小程序直接打開公眾號鏈接。在群里看到的一款小程序，點擊可以直接閱讀文章了,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了基于javascript簡單實現(xiàn)對身份證校驗的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
一文搞懂JavaScript中bind,apply,call的實現(xiàn)
bind、call和apply都是Function原型鏈上面的方法，因此不管是使用function聲明的函數(shù)，還是箭頭函數(shù)都可以直接調(diào)用。本文就帶你看看如何實現(xiàn)bind、call和apply2022-06-06
BootstrapValidator驗證用戶名已存在（ajax）
這篇文章主要為大家詳細介紹了BootstrapValidator驗證用戶名已存在，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要介紹了通過js實現(xiàn)的，當鼠標移到圖片上變大顯示而不是放大鏡效果,需要的朋友可以參考下2014-06-06