首页 > 其他分享 >(收藏)window.location.hash属性介绍

(收藏)window.location.hash属性介绍

时间:2022-12-02 10:34:44浏览次数:76  
标签:hash admin window location 地址栏 页面


​ http://www.html-js.com/article/JavaScript-focus-and-keyboard ​​​
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页面的浏览趋于传统化了。

标签:hash,admin,window,location,地址栏,页面
From: https://blog.51cto.com/u_14230175/5905573

相关文章

  • Windows 服务移植到Mono
    系统:CentOS7.0移植过程中遇到的问题执行servicemyserverstart的时候提示“没有权限”处理方式:chmoda+wrx/etc/init.d/myserver执行“ln–s/etc/rc.d/init.d/sjhServe......
  • Windows下USB声卡音量调整
    买了一个绿联的USB声卡,但是默认的音量太大了,最低音量都响的不行.查了一下,发现了一个叫EqualizerAPO的软件可以调整输出设备的音量.https://equalizerapo.com/选择U......
  • 【大数据】网页相似度-Shingling、MinHash与LSH
    给定一个文档"aroseisaroseisarose",要计算出一个特征用于做网页对比,从而和其他文档计算相似度。Shingling和k-gram一样,按照长度为4进行划分,得到{"aroseisa","......
  • String的hashCode可能会返回负数&解决方案
    String的hashCode可能会返回负数&解决方案产生原因:可以查看StringhashCode()的源码,会发现,它使用的是int类型,这个时候如果字符串过长,则会溢出publicinthashCode......
  • Windows命令行command的Shell命令详细解析和语法
    CMD命令大全及详细解释和语法CMD命令大全及详细解释和语法MicrosoftWindowsXP[版本5.1.2600]有关某个命令的详细信息,请键入HELP命令名ASSOC   显示或修改文......
  • Windows 10 读取bitlocker加密的硬盘出现参数错误怎么解决?
    我为了数据安全,用windows专业版的bitlocker加密了一个固态硬盘SSD做的移动硬盘(u盘同理),在家里电脑(windows10家庭版)打开的时候出现了参数错误即使密码输入正确还是这个错......
  • Windows系统--CMD的命令组合符&、&&、|、||、()
    Windows系统--CMD的命令组合符&、&&、|、||、()一、顺序执行多条命令(不论成败):&注意:在D:\没有文件夹tem打开cmd.exe,执行命令:cdD:\tem&echohello由上图可知,第一句命......
  • Windows安装ElasticSearch
    前言习惯使用docker安装各种中间件了,但是程序包安装方式也不能丢呀。官网下载地址,我这里使用的是7.4.2,如果需要使用其他版本,更改连接后面的版本号即可!下载下载速度还......
  • Windows搭建ElasticSearch集群
    前言在搭建ElasticSearch集群前,可以先看看往期文章Windows安装ElasticSearch,可以使用上篇文章中下载ElasticSearch搭建准备将下载好的ElasticSearch复制三分,node1为......
  • windows ftp 简单搭建, wget ftp
    事情起因:公司客户一台数据库服务器突然连不上了,一开始以为是密码过期了,联系学校的老师给改了密码之后,还是连不上,然后就怀疑是不是ssh服务有问题。然后发现这台服务器上没......