细说JavaScript BOM之HTML5新特性

1、applicationCache对象

什么是Application Cache呢？HTML5引入了应用程序缓存技术，意味着Web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。

Application Cache带来的优势：

• 1.离线浏览
• 2、提升页面载入速度
• 3、降低服务器压力

需要注意的是：如果用户使用的某个页面使用了applicationCache对象进行缓存，如果用户多次刷新页面都没有改变，就不尽如人意了

2、haschange对象

// HTML5引入了对历史的管理，更新了history对象，让管理历史状态更加方便。
// 通过haschange对象可以知道url的参数什么时候发生了变化，也就是什么时候该有所反应。
// 通过状态管理的API，能够在不加载新页面的情况下改变浏览器的url。这就需要使用浏览器的
// histor.pushState()方法，这个方法接受三个参数

// 语法
// 参数1: 要缓存的内容
// 参数2: 标题（一般写一个空字符）
// 参数3: 地址（可选）
history.pushState({name:"menglong"},"","li.html");

// 执行history.pushState()方法后新的状态信息就会被加入历史状态栈，而浏览器地址栏也会变成新的相对url,但是浏览器并不会向服务器发送请求，既是历史状态改变之后执行location.href也会返回与地址栏中相同的地址