window.location.hash 使用说明
更新时间：2010年11月08日 22:09:30 作者：
location是javascript里面管理地址栏的内置对象.
比如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)什么意思?首先如果当前页面的地址栏的链接地址 不包含#....的这些的话,直接取值的话,他会为空!比如这个例子,https://www.jb51.net/直接取 alert(window.location.hash)//""空 转化为 boolean值 为 false
// 如果 https://www.jb51.net#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;
}
下面引用 别人的一句话:
通过window.location.hash=hash这个语句来调整地址栏的地址，使得浏览器里边的“前进”、“后退”按钮能正常使用（实质上欺骗了浏览器）。然后再根据hash值的不同来显示不同的面板（用户可以收藏对应的面板了），这就使得Ajax页面的浏览趋于传统化了。
下面引用一个 网上的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)什么意思?首先如果当前页面的地址栏的链接地址 不包含#....的这些的话,直接取值的话,他会为空!比如这个例子,https://www.jb51.net/直接取 alert(window.location.hash)//""空 转化为 boolean值 为 false
// 如果 https://www.jb51.net#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;
}
下面引用 别人的一句话:
通过window.location.hash=hash这个语句来调整地址栏的地址，使得浏览器里边的“前进”、“后退”按钮能正常使用（实质上欺骗了浏览器）。然后再根据hash值的不同来显示不同的面板（用户可以收藏对应的面板了），这就使得Ajax页面的浏览趋于传统化了。
相关文章
这篇文章主要给大家介绍了关于js遍历对象key和value的相关资料,随着JavaScript在web应用程序中的广泛使用,遍历对象的key和value成为了编写复杂代码所必需的技能,需要的朋友可以参考下2023-07-07
本文主要介绍了canvas的相关知识。canvas本身很简单，就是去学习它的API，多看实例，多自己动手练习，多总结。本文介绍了很多小例，具有一定的参考价值，下面跟着小编一起来看下吧2016-12-12
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
html里的marqueen也能实现内容的滚动，但滚动是间断的，运用JavaScript可以使这一问题得到改观，实现无间断的滚动,让页面看起来更美观2013-04-04
这篇文章主要为大家详细介绍了js css实现垂直方向自适应的三角提示菜单的相关资料,需要的朋友可以参考下2016-06-06
很多朋友都听说过比特币和以太币这样的加密货币，但是只有极少数人懂得隐藏在它们背后的技术，接下来通过本文给大家介绍用JavaScript来创建一个简单的区块链来演示它们的内部究竟是如何工作的，感兴趣的朋友一起看看吧2018-03-03
这篇文章主要介绍了微信小程序如何访问公众号文章，随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了基于javascript简单实现对身份证校验的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-02-02
一文搞懂JavaScript中bind,apply,call的实现
bind、call和apply都是Function原型链上面的方法，因此不管是使用function声明的函数，还是箭头函数都可以直接调用。本文就带你看看如何实现bind、call和apply2022-06-06
BootstrapValidator验证用户名已存在（ajax）
这篇文章主要为大家详细介绍了BootstrapValidator验证用户名已存在，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
这篇文章主要介绍了通过js实现的，当鼠标移到图片上变大显示而不是放大镜效果,需要的朋友可以参考下2014-06-06
最新评论