专业的编程技术博客社区

网站首页 > 博客文章 正文

前端页面开发一些小知识点总结(前端开发教程网站)

baijin 2024-09-07 12:07:17 博客文章 11 ℃ 0 评论

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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表