细说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也会返回与地址栏中相同的地址
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现