js history对象详解:pushSate,replaceState和popstate的使用

本文介绍了history对象的属性如length、state,方法如go、back等,还提及HTML5新增的方法pushState、replaceState,以及监听事件popstate、hashchange。同时说明了利用ajax和pushState可局部更新数据并更新url地址,实现前进后退功能,最后给出参考示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1:history对象中的属性有length,state,方法有go,back,forward。
Html5新增的方法有pushState,replaceState
也提供了监听事件:popstate,hashchange事件的监听
//监听浏览器url地址变化
window.onpopstate=function(){
//具体业务操作
}
//监听hash值的变化,即描点的电话
window.οnhashchange=function(){
// 具体业务逻辑操作
}
2:HTML5history新增api接口常用事件:
ajax局部刷新页面,改变url地址,并且拥有前进和回退事件
众所周知ajax在局部更新数据的时候并不能修改url地址,套用ajax和pushState能够局部更新数据,并且还能更新url地址,实 现前进后退的功能。
3:参考示例:
https://www.cnblogs.com/chris-oil/p/4998860.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值