window.location.hash 使用说明


Posted in Javascript onNovember 08, 2010

比如loation.href是 页面的url .但是 location.hash可以获取或设置页面的 标签值 比如http://domain/#testDemo中 咱们的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)什么意思?首先如果当前页面的地址栏的链接地址 不包含#....的这些的话,直接取值的话,他会为空!比如这个例子,https://3water.com/直接取 alert(window.location.hash)//""空 转化为 boolean值 为 false 
// 如果 https://3water.com#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页面的浏览趋于传统化了。
Javascript 相关文章推荐
网页里控制图片大小的相关代码
Jun 13 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Oct 24 Javascript
js中AppendChild与insertBefore的用法详细解析
Dec 16 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
关于JSON与JSONP简单总结
Aug 16 Javascript
微信小程序 122100版本更新问题解决方案
Dec 22 Javascript
JavaScript中三种常见的排序方法
Feb 24 Javascript
VUE多层路由嵌套实现代码
May 15 Javascript
JS中正则表达式要注意lastIndex属性
Aug 08 Javascript
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
微信小程序保存多张图片的实现方法
Mar 05 Javascript
JavaScript游戏之是男人就下100层代码打包
Nov 08 #Javascript
JavaScript游戏之优化篇
Nov 08 #Javascript
javascript开发中因空格引发的错误
Nov 08 #Javascript
window.ActiveXObject使用说明
Nov 08 #Javascript
发布一个基于javascript的动画类 Fx.js
Nov 05 #Javascript
微博@符号的用户名提示效果。(想@到谁?)
Nov 05 #Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 #Javascript
You might like
php && 逻辑与运算符使用说明
2010/03/04 PHP
php开发过程中关于继承的使用方法分享
2011/06/17 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
jQuery中before()方法用法实例
2014/12/25 Javascript
Yii2使用Bootbox插件实现自定义弹窗
2015/04/02 Javascript
jquery代码规范让代码越来越好看
2017/02/03 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
Vue中的无限加载vue-infinite-loading的方法
2018/04/08 Javascript
解决vue无法设置滚动位置的问题
2018/10/07 Javascript
Vue使用NPM方式搭建项目
2018/10/25 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
Python读写Excel文件的实例
2013/11/01 Python
简单介绍Python下自己编写web框架的一些要点
2015/04/29 Python
在Python中使用mechanize模块模拟浏览器功能
2015/05/05 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
详解tensorflow2.x版本无法调用gpu的一种解决方法
2020/05/25 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
美国NBA官方商店:NBA Store
2019/04/12 全球购物
追悼会子女答谢词
2014/01/28 职场文书
《桂林山水》教学反思
2014/02/08 职场文书
小班开学寄语
2014/04/04 职场文书
大班开学家长寄语
2014/04/04 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
2015年党风建设工作总结
2015/04/29 职场文书
《坐井观天》教学反思
2016/02/18 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书