网站运营 | 站长学院 | 技术文档 | 成语 | 歇后语 | 桌面壁纸 | 帝国时代 | 代码收藏 | IP地址查询 | 生活百科 | 生日密码 | CSS压缩 | 用户评论

window.location.hash属性介绍

【 网络作者:佚名 更新时间:2009-04-22 | 字体:
[导读]location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url<,用location.href=url就可以直接将页面重定向url<。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#ad...

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页面的浏览趋于传统化了<。

友荐云推荐
  • 转载请注明来源:网站运营 网址:http://www.chinawobo.com/ 向您的朋友推荐此文章
  • 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有<。对于被本站转载文章的个人和网站<<,我们表示深深的谢意<。如果本站转载的文章有版权问题请联系我们<,我们会尽快予以更正<。
RSS订阅
  • QQ邮箱
  • 填写您的邮件地址,订阅我们的精彩内容:
更多
© 2014 网站运营 - T086.com(原itlearner.com)
  • 张天爱变胖了?淡雅甜笑险露双下巴 2018-05-26
  • 论对汉文化东传的基本认识 2018-05-26
  • 4月台州全市新建商品住宅成交3444套 2018-05-25
  • 河北盐山:“点、线、面”结合推进人才强县 2018-05-25
  • 北京市幼儿园年内完成全员培训 2018-05-25
  • 河南职业技术学院全国技能(导游类)大赛获佳绩 2018-05-24
  • Футбол -- Арены ЧМ-2018 -- Стадион Нижний Новгород 2018-05-24
  • 美媒:美国对华战略缺乏头脑 2018-05-23
  • 中国钢企布局沿海 柳钢瞄准东盟经济圈 2018-05-23
  • 2018的偶像元年是否只是一场美丽的谎言?偶像练习生创造101选秀 2018-05-22
  • 上海临港有个“儿童大学” 2018-05-20
  • 2017年世界大学学术排名发布 清华进前50大学学术排名大学排行榜 2018-05-20
  • 日本战犯侵华罪行自供 2018-05-19
  • 塑料污染让人痛心 世界最深海沟竟成“垃圾场” 2018-05-19
  • 男子因琐事杀害女友并分尸抛河 警方根据美甲破案嘉兴美甲死者 2018-05-18
  • 微商货源 | 冠珠陶瓷 | 6688电视家官网 | 中康体检网 | 安徽极热网 | 北京赛车开奖号码 | 快猴网 | 迪威乐云商devmsn | 易奇八字 | wwe美国职业摔角 | 八字算命 | 河南旅游景点大全 | 冠珠陶瓷 | 广东旅游景点大全 |
    RunTime:8.41ms QueryTime:7