js历史记录管理
2015-11-29 22:39
537 查看
方式1:
loaction.hash
onhashchange 事件
JS代码来设置loaction.hash值后 会在浏览器的历史记录中添加一条记录 并更新到地址栏URL (更新的值体现在地址栏中#号结尾部分URL+#+值)
注册window.onhashchange事件单用户点击前进回退按钮后 促发事件再通过location.hash值来获取记录的值
在离开页面时候可以将应用需要保存的数据转换成字符串存储在location.hash字段中 回到页面后可以获取该值来初始化应用
(URL+#+标签id通常也用做将页面滚动到指定标签位置)
方式二:
history.pushState()
window.onpopstate事件
代码调用history.pushState("数据对象","title",“#test”)
方法会在浏览器记录中添加一条记录 参数一为要保存的数据
当用户使用“前进”,"后退"按钮后 促发onpopstate(event)方法并将保存的数据携带在event.state变量中
loaction.hash
onhashchange 事件
JS代码来设置loaction.hash值后 会在浏览器的历史记录中添加一条记录 并更新到地址栏URL (更新的值体现在地址栏中#号结尾部分URL+#+值)
注册window.onhashchange事件单用户点击前进回退按钮后 促发事件再通过location.hash值来获取记录的值
在离开页面时候可以将应用需要保存的数据转换成字符串存储在location.hash字段中 回到页面后可以获取该值来初始化应用
(URL+#+标签id通常也用做将页面滚动到指定标签位置)
方式二:
history.pushState()
window.onpopstate事件
代码调用history.pushState("数据对象","title",“#test”)
方法会在浏览器记录中添加一条记录 参数一为要保存的数据
当用户使用“前进”,"后退"按钮后 促发onpopstate(event)方法并将保存的数据携带在event.state变量中
相关文章推荐
- 理解JavaScript中的闭包
- 用JavaScript实现加入书签/收藏本页功能 addBookmark(url, title)
- week13---12月2日 JS内置对象(四)
- js中console命令的使用
- week13---12月1日 JS内置对象(三)
- js的typeof检测变量数据类型
- week12---11月27日 JS内置对象(二)
- JavaScript习题
- AjaxFileUpload.js
- 变量交换之数字交换
- jsp 颜色选择器调用
- JS array相关方法
- JavaScript的继承
- evel 的使用
- js 循环
- [BZOJ1030][JSOI2007]文本生成器
- 如何用JS 获取本地文件夹的文件列表
- 轻松学习JavaScript七:JavaScript的流程控制语句
- js基础
- DIV+JS对话框