网站运营 | 站长学院 | 技术文档 | 成语 | 歇后语 | 桌面壁纸 | 帝国时代 | 代码收藏 | 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)
微商货源 | 冠珠陶瓷 | 迪威乐云商devmsn | 易奇八字 | wwe美国职业摔角 | 八字算命 | 河南旅游景点大全 |
RunTime:8.41ms QueryTime:7