前端页面开发一些小知识点总结(持续更新)

1、window.history.go(-1)和window.location.go(-1)区别

window.history.go(-1) 是返回上一页

window.location.go(-1) 是返回上一页并刷新

2、window.location.replace和window.location.href区别

举例说明,有3个页面 a,b,c

如果当前页面是c页面,并且c页面是这样跳转过来的:a->b->c

(1)b->c 是通过window.location.replace("..xx/c") 此时b页面的url会被c页面代替,并且点击后退按钮时会回退到a页面(最开始的页面) 。

(2)b->c是通过window.location.href("..xx/c") 此时b页面的路径会被c页面代替,但是点击回按钮后页面回退的是b页面。

3、记录当前页面是通过什么方式导航过来的

if(window.performance.navigation.type === window.performance.navigation.TYPE_BACK_FORWARD){

        window.location.reload();

}

有两个重要属性:type,redirectCount

type:标志页面导航类型,值如下表:

redirectCount:表示到达最终页面前,重定向的次数,但是这个接口有同源策略限制,即仅能检测同源的重定向。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值