h5 history

本文介绍了HTML5 History API中的pushState和replaceState方法,以及它们在创建和管理浏览器历史记录中的作用。同时,详细解读了CACHEMANIFEST用于离线缓存的原理和组成部分。
摘要由CSDN通过智能技术生成

history的Api方法和使用:

  history.pushState(data,title,url):在浏览器中新增一条历史记录;

  data会在onpopstate事件触发时作为参数传递过去,title为页面标题,url为页面地址;
     history.replaceState(data,title,url):在浏览器中替换当前历史记录;  

  data会在onpopstate事件触发时作为参数传递过去,title为页面标题,url为页面地址;   history.length():当前历史列表中的历史记录条数;
        window.onpopstate:实际上popstate是一个浏览器内置的点击事件,响应pushState和replaceState的触发调用;

  history.back(-1):返回到当前页的上一页(原页面表单中的内容会保留)

     history.back(0):页面刷新

        history.back(1):当前页前进一页

        history.go(-1): 返回到当前页的上一页(原页面表单中的内容会丢失,效果基本和history.back(-1)一样)

        history.forward():当前页面前进一页(和history.back(1)效果一样)

push&replace的区别?

push: 压栈的操作,每做一步都会留下痕迹

replace  替换

CACHE MANIFEST
分三个部分
路径设置 所有文件相对于当前appcache文件访问
CACHE 设置 要缓存的文件
NETWORK 要连网的文件
FALLLBACK 出错时的处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值