域名注册

• 中文域名
• 英文域名
• 通用网址
• 域名解析
• 域名转入\转出

虚拟主机

• 主机购买
• 管理主机
• FTP上传
• 数据库管理
• 主机续费升级

网站建设

• 建站流程介绍
• 网站设计
• 网站改版
• 网站维护
• 网站推广

企业邮局

• 邮箱使用
• 管理邮箱
• 邮箱续费升级
• 全球邮局

网站优化

• seo优化
• seo技巧
• 收索引擎优化
• 关键词优化

网站备案

• 备案流程指南
• 修改备案
• 备案资料下载
• 备案小技巧

服务器租用

• 服务器租用
• 服务器托管

其它服务

• 400电话
• 在线客服
• 财务常见问题
• 会员常见问题

• 您现在的位置： 创新互联 >> 网站建设 >> 网站建设常见问题 >> window.location.hash属性介绍

window.location.hash属性介绍

• 作者：曾小姐 文章来源：成都网站建设 点击数：768 更新时间：2011-11-27
• 　　我们在互联网上看见的一个个布局巧妙，色彩绚丽的网页，其实都是用代码来构造的，今天，创新互联小编将会跟大家介绍一下window.location.hash属性情况，方便大家理解。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来调整显示页面。比如：
  　　varhash;
  　　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页面的浏览趋于传统化了。
  　　介绍很简单，精华很复杂，大家多多操作，实际运用一下，对网页制作就会多一些认识哦。成都创新互联网站建设为您排忧解难，提供专业权威的网站制作一条龙服务，欢迎咨询了解！
  
• 上一篇文章：中国域名全球升级 正式融入国际互联网
  下一篇文章：IE,FireFox,Opera浏览器支持CSS实现Alpha半透明