细说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也会返回与地址栏中相同的地址
posted @ 2024-01-19 21:14  知数网络  阅读(8)  评论(0编辑  收藏  举报