window.location.hash 使用说明


Posted in Javascript onNovember 08, 2010

比如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://3water.com/直接取 alert(window.location.hash)//""空 转化为 boolean值 为 false 
// 如果 https://3water.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; 
}

下面引用 别人的一句话:
通过window.location.hash=hash这个语句来调整地址栏的地址,使得浏览器里边的“前进”、“后退”按钮能正常使用(实质上欺骗了浏览器)。然后再根据hash值的不同来显示不同的面板(用户可以收藏对应的面板了),这就使得Ajax页面的浏览趋于传统化了。
Javascript 相关文章推荐
javascript中的绑定与解绑函数应用示例
Jun 24 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
Apr 25 Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
Oct 17 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 Javascript
jQuery CSS3自定义美化Checkbox实现代码
May 12 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
Dec 30 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
基于Require.js使用方法(总结)
Oct 26 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
jstree中的checkbox默认选中和隐藏示例代码
Dec 29 Javascript
JavaScript游戏之是男人就下100层代码打包
Nov 08 #Javascript
JavaScript游戏之优化篇
Nov 08 #Javascript
javascript开发中因空格引发的错误
Nov 08 #Javascript
window.ActiveXObject使用说明
Nov 08 #Javascript
发布一个基于javascript的动画类 Fx.js
Nov 05 #Javascript
微博@符号的用户名提示效果。(想@到谁?)
Nov 05 #Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 #Javascript
You might like
我的论坛源代码(三)
2006/10/09 PHP
PHP动态变静态原理
2006/11/25 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
PHP实现通过文本文件统计页面访问量功能示例
2019/02/13 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
2010/04/18 Javascript
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
javascript动态加载二
2012/08/22 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
jquery动态改变form属性提交表单
2014/06/03 Javascript
javascript常见操作汇总
2014/09/03 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
JS实现页面载入时随机显示图片效果
2016/09/07 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
解决在layer.open中使用时间控件laydate失败的问题
2019/09/11 Javascript
原生JavaScript实现幻灯片效果
2021/02/19 Javascript
python实现2014火车票查询代码分享
2014/01/10 Python
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
Django权限机制实现代码详解
2018/02/05 Python
Scrapy框架介绍之Puppeteer渲染的使用
2020/06/19 Python
波兰快递服务:Globkurier.pl
2019/11/08 全球购物
存储过程的优点有哪些
2012/09/27 面试题
高中语文教学反思
2014/01/16 职场文书
《水乡歌》教学反思
2014/04/24 职场文书
观看信仰心得体会
2014/09/04 职场文书
接收函格式
2015/01/30 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
如何使用Python提取Chrome浏览器保存的密码
2021/06/09 Python
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js