location.hash属性介绍

location.hash属性介绍
例如URL：
http://wwww.a.com/index#rhythmk
通过location.hash 我们将获取到 #rhythmk。
默认浏览器会滚动至id值为rhythmk的div，或者滚动至 <a name="rhythmk"><a/>的标签处。
可以通过js动态去修改页面的location.hash,并能够在浏览器返回操作，返回到当前记录hash的URL。

使用场景1：

例如页面有一个选项卡，存在三个页签，每个页签的内容都是ajax请求获取。那么我们可以在请求数据完成后修改页面的location.hash，
如果下次通过浏览器返回按钮，返回到当前页面就可以获取到 location.hash 值，根据对应的hash值，去判断加载某页签内容。

使用场景2：
使用ajax动态分页的时候，可以修改hash数值，待浏览器通过返回按钮到此页面时候可以根据hash值去加载默认页。

转载于:https://www.cnblogs.com/rhythmK/p/4667509.html

location.hash属性介绍相关推荐

window.location.hash属性介绍
location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url.而location. ...
JS BOM之location.hash详解
location.hash详解去年9月,twitter改版. 一个显著变化,就是URL加入了"#!"符号.比如,改版前的用户主页网址为 http://twitter.com/us ...
ajax实现浏览器前进后退-location.hash与模拟iframe
为什么80%的码农都做不了架构师?>>> Aajx实现无数据刷新时,我们会遇到浏览器前进后退失效的问题以及URL不友好的问题. 实现方式有两种 1.支持onhashchange ...
利用jsonp、iframe和location.hash解决跨域问题
几种解决js跨域的方法 js的跨域:由于浏览器同源策略,凡是发送请求url的协议.域名.端口三者之间任意一与当前页面地址不同即为跨域.如下示例: URL 说明是否允许通信 http://www.a ...
html 修改按回退键的url,location.hash保存页面状态的技巧
hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分). 语法 location.hash 在我们的项目中,有大量ajax查询表单+结果列表的页面,由于查询结果是a ...
javascript如何对location.hash过滤xss跨站脚本
场景: 需要获取类似如下url的hash值并做跳转: http://www.xxx.com/home#/comments?type=0 改进前: (function() {var originalUr ...
location.hash 原生js页面跳转/路由
使用vue开发项目非常方便,vue全家桶让你想实现什么功能都更加便捷,但是使用原生js,jquery开发,页面之间跳转怎么实现呢, 下面说一下window.location.hash,概念性的东西大家 ...
关于读《ajax后退解决方案（一）》笔记
原文地址:http://www.cnblogs.com/snandy/archive/2011/09/18/2180102.html 主要是解决后退按钮的问题..因为IE6/7不支持hashchang ...
前端路由以及浏览器回退，hash history location
一.前言其实不止一次想监听浏览器的回退方法,比如在 list.html 页滚动加载了几页列表,点到 detail.html 看详情,反回来时又得重新加载几页 H5 有背景音乐的,跳页就得重新放,体 ...

location.hash属性介绍

location.hash属性介绍相关推荐

最新文章

热门文章