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也会返回与地址栏中相同的地址
标签:缓存,浏览器,url,JavaScript,BOM,pushState,history,HTML5
From: https://www.cnblogs.com/zhishunet/p/17975638