Html5 history Api简介
2024-09-08 10:00:47
一. Html4的History API
- back() 后退，跟按下“后退”键是等效的。
- forward() 前进，跟按下“前进”键是等效的。
- go() 用法：history.go(x)；在历史的范围内去到指定的一个地址。如果 x < 0，则后退 x 个地址，如果 x > 0，则前进 x 个地址，如果 x == 0，则刷新现在打开的网页。history.go(0) 跟 location.reload() 是等效的。
二. Html5的History API
1. history.pushState(data, title [, url])：往历史记录堆栈顶部添加一条记录；data会在onpopstate事件触发时作为参数传递过去；title为页面标题，当前所有浏览器都会 忽略此参数；url为页面地址，可选，缺省为当前页地址。
2. history.replaceState(data, title [, url]) ：更改当前的历史记录，参数同上。
3. history.state：用于存储以上方法的data数据，不同浏览器的读写权限不一样。
4. popstate事件：当用户单击浏览器的后退或者前进按钮时触发该事件。在事件处理函数中读取触发事件的事件对象的state属性值，该属性值即为执行pushState方法时所使用的第一个参数值，其中保存了在向浏览器历史记录中添加记录同步保存的对象。
最新文章
- MVC系列——MVC源码学习：打造自己的MVC框架（四：了解神奇的视图引擎）
- JavaScript(四) Window窗体操作
- MongoDB学习-安装流程
- 基情四射的两个css样式
- 全网最详系列之－倍增求LCA
- JavaEE基础（一）
- iOS 三种录制视频方式
- hadoop浅尝 第一个hadoop程序
- Linux IP 路由实现
- linux下单独安装oracle12.1客户端
- Unix 主机认证配置
- css笔记：如何将一个页面平均分成四个部分？
- 使用固件库操作STM32F4时的必要配置（转）
- php处理表单中的复选框问题以及js实现全选
- 解决nginx FastCGI sent in stderr: “Primary script unknown”
- sql语句中生成0-10随机数
- maven 跳过test
- Codeforces 1107 简要题解
- 【代码笔记】iOS-UITableView上的button点击事件
- C#之内存分配