HTML5的History API介绍

HTML5的History API介绍

既实现了局部刷新,又修改了浏览器地址,并却做到了前进后推的效果

这其实是HTML5 History API实现的效果 其技术叫 pjax : pushState + ajax 

 而在JavaScript MVC开始流行之后，通过刷新来修改URL的方法，不禁让人感到烦躁。
然而HTML5中就制定了一个这样的API，可以通过方法的方式来修改URL，而又不会使浏览器刷新，就是History AP 

 FF5发布会的时候,FF的工程师展示了一种HTML5的新技术,特别的提及了Github所采作用这种技术.
十分的友好,个人认为是完美解决了Ajax对搜索引擎不友好 这个万恶的问题 

在HTML4的时代history已不是什么新鲜的事物了。

我们经常使用的就有 history.back()以及history.go() 。

为什么要使用History API

在AJAX给我们带来提高用户体验、减少HTTP连接数等好处的同时，也渐渐显露出一些不足之处，比如：

1. 无法使用浏览器的前进、后退来切换前后数据。
2. 当我们将浏览器地址栏中的链接与朋友分享时，可能实际上却并非我们期望的内容。
3. 单纯地使用AJAX不利于搜索引擎优化。

history都有哪些改变。

1. HTML4时代的history API

A) history.length：当前历史列表中的历史记录数（我大概测了下，IE6+是从0开始的，其他的是从1开始的，若有误请反馈哈，^_^）； 
B) history.go(n)：前进或后退n条记录，当n=0或空时会刷新当前页； 
C) history.back()：后退一步； 
D) history.forward()：前进一步;

 

2. HTML5新增的API
A) history.pushState(data, title [, url])：