window.location.hash属性介绍
来源:一介书生 时间:2008-03-21 12:39:00
location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如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页面的浏览趋于传统化了。
标签:location,hash,url,js
0
投稿
猜你喜欢
ASP 循环导入导出数据处理 不使用缓存
2010-07-02 12:31:00
浏览器是怎样工作的二:渲染引擎 HTML解析
2012-05-09 20:34:20
javascript用回车键实现Tab键功能
2009-07-05 18:40:00
6个网站改版时需要注意的问题
2010-02-26 10:47:00
图标设计常犯的10种错误
2008-03-06 13:40:00
css实现图片倒影效果
2007-11-05 18:29:00
[译]JavaScript中的Timer是怎么工作的
2009-02-06 15:39:00
减少用户的思考
2010-09-07 12:14:00
学习ASP的理由 分析小结
2011-02-26 10:54:00
ASP编程入门进阶(十一):Chat聊天程序
2008-05-12 07:06:00
ASP的数据命名有什么规则吗?
2009-10-28 18:23:00
mysql分表的3种方法
2011-01-29 16:50:00
解决MySQL 5.0不能使用自动增加字段问题
2008-12-02 14:30:00
ASP.NET教程第一讲 ASP.NET简介
2007-08-07 11:50:00
如何提高网页的维护效率
2009-03-01 11:33:00
解决IE6、IE7、Firefox兼容最简单的CSS Hack
2007-10-14 10:51:00
asp如何读取注册表的信息?
2009-11-19 21:18:00
css彩色虚线表格及JS鼠标指向单元格变色制作方法
2007-08-10 13:08:00
Oracle 创建用户及数据表的方法
2009-09-26 18:25:00
[欣赏] 情景互动广告
2008-08-06 12:59:00