HTML5 不刷新页面修改地址栏

现在很多页面都是用ajax来进行数据交互,但是有些场景就会比较尴尬,比如个人中心,进去点修改密码,但是地址栏没有变,下次复制地址后进来还是个人中心,并不是修改密码,所以就有了这个 history.pushState 这个东西,直接修改地址栏的地址。
  代码如下:
history.pushState(state, title, url);

    state:状态参数,通过 history.state 可以获取,其他页面跳转的值为null
    title:页面标题(不过好像并没有什么用)
    url:修改后的地址
    这个修改地址栏后放入到history里面,使用 history.back,history.go 或者浏览器的前进后退都有效果,还有一个 history.replaceState 这个不会放入到history中,只能修改当前地址。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值