History 接口允许操作浏览器的曾经在标签页或者框架里访问的历史记录。History 接口不继承于任何属性。
先看看浏览器兼容情况

属性

history.length()

返回一个整数，该整数表示会话历史中元素的数目，包括当前加载的页。例如，在一个新的选项卡加载的一个页面中，这个属性返回1。
打开新页面：history.length(); // 1

History.scrollRestoration

允许Web应用程序在历史导航上显式地设置默认滚动恢复行为。

History.state

返回一个表示历史堆栈顶部的状态的值。这是一种可以不必等待popstate 事件而查看状态而的方式。

方法

History.back()

进入会话历史记录中的上一页，与用户单击浏览器的“返回”按钮时的操作相同。相当于history.go（-1）。

History.forward()

进入会话历史记录中的下一页，与用户单击浏览器的“转发”按钮时相同的操作; 这相当于history.go（1）。

History.go()

将会话历史记录中的页面从其相对位置加载到当前页面，例如上一页的-1或下一页的1。当integerDelta超出范围时（例如，当会话历史中没有以前访问的页面时为-1），该方法不执行任何操作，也不会引发异常。调用go（）没有参数或非整型参数没有任何效果

History.pushState()

将给定的数据推送到具有指定标题的会话历史堆栈（如果提供）的URL。
history.pushState(stateObj, “标题”, “bar.html”);

History.replaceState()

更新历史堆栈上的最新条目以具有指定的数据，标题和（如果提供的话）URL。

ajax与HTML5 history pushState/replaceState实例

参考张鑫旭老师的这篇文章

HTML5系列（2）history相关推荐

大熊君学习html5系列之------History API（SPA单页应用的必备------重构完结版）
一,开篇分析 Hi,大家好!大熊君又和大家见面了,(*^__^*) 嘻嘻--,这系列文章主要是学习Html5相关的知识点,以学习API知识点为入口,由浅入深的引入实例, 让大家一步一步的体会" ...
html5中的图片的location,HTML5中的History和Location对象
今天发现原来HTML5对History和Location对象进行了改进,提供了几个新的API.我觉得,这用来结合Ajax来使用,弥补Ajax技术更新内容但不产生历史记录的问题,十分有用. 我很久之前就 ...
【HTML5系列教程】
<HTML5系列教程>目录大纲: 介绍内容包括HTML简介.服务器的概念.B/S.C/S软件架构.前端与后端的开发内容.HTML发展历程.浏览器内核介绍.Web标准.WebStorm工具 ...
谈谈HTML5中的history.pushSate方法，弥补ajax导致浏览器前进后退无效的问题
移动端为了减少页面请求,有时候需要通过单页面做成多页面的效果,最近有这么个需求,表单填完后执行第一步,然后执行第二步,第二步执行完后再执行第三步,每一步都要保留之前的数据.这种情况用单页面实现再合适不 ...
深入理解html5系列-文本标签
文章简介: 关于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一些专家认为html5完全完成后,所有的工作 ...
大熊君学习html5系列之------Online Offline（在线状态检测）
一,开篇分析 Hi,大家好,给大家拜个晚年!大熊君又和大家见面了,(*^__^*) 嘻嘻--,这系列文章主要是学习Html5相关的知识点,以学习API知识点为入口,由浅入深的引入实例,让大家一步一步的 ...
HTML5新特性history
history 1.history.pushState() 2.history.replaceState() replace比起push的差异在于,push是进栈把当前页面放在栈中,但是replace ...
HTML5历史状态管理history API-pushState/replaceState与popstate事件
tip:有问题或者需要大厂内推的+我脉脉哦:丛培森 ٩( 'ω' )و [本文源址:http://blog.csdn.net/q1056843325/article/details/60607402 ...
HTML5 API 之 History
今天上Google+ 注意到一个功能: 点击链接时地址栏改变,但是页面没有刷新. 搜索一下,发现 google+ 已经不支持 IE6 了,使用了HTML5 js增加的一个新的API replaceSt ...
HTML5系列四（特征检测、Modernizr.js的相关介绍）
Modernizr:一个HTML5特征检测库 Modernizr帮助我们检测浏览器是否实现了某个特征,如果实现了那么开发人员就可以充分利用这个特征做一些工作 Modernizr是自动运行的,无须调用诸 ...

HTML5系列（2）history

属性

方法

ajax与HTML5 history pushState/replaceState实例

HTML5系列（2）history相关推荐

最新文章

热门文章