window.location.hash 使用说明

219 阅读 0 评论 145 点赞

我是靠谱客的博主个性水蜜桃，最近开发中收集的这篇文章主要介绍window.location.hash 使用说明，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

比如loation.href是页面的url .但是 location.hash可以获取或设置页面的标签值比如http://domain/#testDemo中咱们的location.hash 就是 #testDemo
　　下面引用一个网上的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://www.uoften.com/直接取 alert(window.location.hash)//""空 转化为 boolean值 为 false 
// 如果 http://www.uoften.com#hello,world直接取 alert(window.location.hash)//#hello,world 转化为 boolean值 为 true 
//下面的就是 可以用switch判断 
//调整地址栏地址，使前进、后退按钮能使用 
switch(hash){ 
case "#search": 
show("panel1"); 
break; 
case "#advsearch": 
show("panel2"); 
break; 
case "#adminboss": 
show("panel3"); 
break; 
} 