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

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

猜你喜欢

转载自blog.csdn.net/wangpf2011/article/details/80185035