采用验证

举例loation.href是 页面包车型地铁url .不过 location.hash能够博得或设置页面包车型地铁标签值 例如 咱们的location.hash 就是 #testDemo
  上边援用三个 英特网的demo
三个招来版块,功用有3个:普通寻找,高档寻找,后台管理,分别指明他们各自的hash 值:#search,#advsearch,#adminboss. 在页面起头化的时候,通过window.location.hash来剖断顾客须求拜访的页面,约等于将要呈现的版块

复制代码 代码如下:

var hash;
hash = (!window.location.hash)?"#search":window.location.hash;
window.location.hash = hash;
//这里大家解释一下(!window.location.hash)什么看头?首先要是当前页面包车型客车地址栏的链接地址 不包涵#....的那些的话,直接取值的话,他会为空!例如那么些事例,//www.jb51.net/直接取 alert(window.location.hash)//""空 转化为 boolean值 为 false
// 如果 //www.jb51.net#hello,world直接取 alert(window.location.hash)//#hello,world 转化为 boolean值 为 true
//上面包车型大巴正是 能够用switch决断
//调节地址栏地址,使发展、后退按键能利用
switch(hash){
case "#search":
show("panel1");
break;
case "#advsearch":
show("panel2");
break;
case "#adminboss":
show("panel3");
break;
}

上面引用 别人的一句话:
通过window.location.hash=hash那个语句来调动地址栏的地点,使得浏览器里边的“前进”、“后退”开关能平常使用(实质上诈欺了浏览器)。然后再依靠hash值的不如来展现分化的面板(客户能够贮藏对应的面板了),那就使得Ajax页面包车型大巴浏览趋于古板化了。

你或者感兴趣的稿子:

  • window.location.hash 属性使用表明
  • 使用location.hash实现跨域iframe自适应
  • window.location.hash知识汇总
  • location.hash保存页面状态的技巧

本文由华夏彩票发布于关于计算机,转载请注明出处:采用验证

您可能还会对下面的文章感兴趣: