window.location.hash 属性使用说明


Posted in Javascript onMarch 20, 2010

比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。
很多人都喜欢收藏网页,以便于以后的浏览。不过对于Ajax页面来说的话,一般用一个页面来处理所有的事务,也就是说,如果你浏览到一个Ajax页面里边有意思的内容,想将它收藏起来,可是地址只有一个呀,下次你打开这个地址,还是得像以往一样不断地去点击网页,找到你钟情的那个页面。另外的话,浏览器上的“前进”“后退”按钮也会失效,这于很多习惯了传统页面的用户来说,是一个很大的使用障碍。
那么,怎么用location.hash来解决这两个问题呢?其实一点也不神秘。
比如,我的作者管理系统,主要功能有三个:普通搜索、高级搜索、后台管理,我分别给它们分配一个hash值:#search、#advsearch、#admin,在页面初始化的时候,通过window.location.hash来判断用户需要访问的页面,然后通过javascript来调整显示页面。比如:

var hash; 
hash=(!window.location.hash)?"#search":window.location.hash; 
window.location.hash=hash; 
//调整地址栏地址,使前进、后退按钮能使用 
switch(hash){ 
case "#search": 
selectPanel("pnlSearch"); //显示普通搜索面板 
break; 
case "#advsearch": 
case "#admin": 
}

通过window.location.hash=hash这个语句来调整地址栏的地址,使得浏览器里边的“前进”、“后退”按钮能正常使用(实质上欺骗了浏览器)。然后再根据hash值的不同来显示不同的面板(用户可以收藏对应的面板了),这就使得Ajax页面的浏览趋于传统化了。
Javascript 相关文章推荐
用Div仿showModalDialog模式菜单的效果的代码
Mar 05 Javascript
电子商务网站上的常用的js放大镜效果
Dec 08 Javascript
js优化针对IE6.0起作用(详细整理)
Dec 25 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
Apr 18 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 Javascript
jquery密码强度校验
Dec 02 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
Sep 13 Javascript
AngularJS实现的回到顶部指令功能实例
May 17 Javascript
php register_shutdown_function函数详解
Jul 23 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
解决vue自定义全局消息框组件问题
Nov 22 Javascript
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 #Javascript
js 强制弹出窗口代码研究-又一款代码
Mar 20 #Javascript
js 数组克隆方法 小结
Mar 20 #Javascript
vs2003 js文件编码问题的解决方法
Mar 20 #Javascript
Jquery AutoComplete自动完成 的使用方法实例
Mar 19 #Javascript
JavaScript 对象的属性和方法4种不同的类型
Mar 19 #Javascript
jQuery 前的按键判断代码
Mar 19 #Javascript
You might like
php下获取客户端ip地址的函数
2010/03/15 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
2015/11/15 PHP
分享PHP计算两个日期相差天数的代码
2015/12/23 PHP
PHP+sqlite数据库操作示例(创建/打开/插入/检索)
2016/05/26 PHP
ExtJS 下拉多选框lovcombo
2010/05/19 Javascript
Jquery Ajax的Get方式时需要注意URL地方
2011/04/07 Javascript
Jquery 数据选择插件Pickerbox使用介绍
2012/08/24 Javascript
动态的绑定事件addEventListener方法的使用
2014/01/24 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
2015/04/03 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
2017/04/20 Javascript
jQuery实现的隔行变色功能【案例】
2019/02/18 jQuery
p5.js实现动态图形临摹
2019/10/23 Javascript
原生小程序封装跑马灯效果
2020/10/21 Javascript
jQuery-App输入框实现实时搜索
2020/11/19 jQuery
python批量修改图片大小的方法
2018/07/24 Python
pandas 层次化索引的实现方法
2019/07/06 Python
python重要函数eval多种用法解析
2020/01/14 Python
Django ORM filter() 的运用详解
2020/05/14 Python
Python tkinter制作单机五子棋游戏
2020/09/14 Python
使用CSS3的appearance属性改变任何元素的浏览器默认风格
2012/12/24 HTML / CSS
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
假日旅行社实习自我鉴定
2013/09/24 职场文书
上班早退检讨书
2014/01/09 职场文书
毕业大学生自荐信
2014/06/17 职场文书
禁止酒驾标语
2014/06/25 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
南极大冒险观后感
2015/06/05 职场文书
总经理年会致辞
2015/07/29 职场文书
技术入股合作协议书
2016/03/21 职场文书
2019年关于小学生课外阅读情况的分析报告
2019/12/02 职场文书
800字作文之大雪
2019/12/04 职场文书