【react】使用iframe在react项目中嵌套vue项目,实现页面路由跳转。

需求:在react项目框架中,实现从vue项目的某个页面跳转到react项目中的某个页面,并且触发路由跳转。

window.top.location.replace('/v3/downloadCenter/exportData')

区分 window.self,window.top,window.parent

window.self:是对当前窗口自身的引用。
注:它和window属性是等价的。
window.top:返回顶层窗口,即浏览器窗口。
注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。
window.parent:返回父窗口。
注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。

在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。

window.location.replace 和 window.location.href 的区别

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

2. b页面跳转到c页面 是通过window.location.href("./c.html")    
此时b页面的路径会被c页面代替,但是点击回按钮后页面回退的是**b页面**;

在页面中逐级进行点击请求以下页面:a.html->b.html->c.html

window.location.href 做跳转 window.history.go(-1)或window.history.back()方法时,会向服务器进行请求,根据服务器记录的请求进行跳转,因此会正确返回对应的页面a.html。

window.location.replace 做跳转 window.history.go(-1)或window.history.back()方法时,不会向服务器进行请求,因此只会跳转至b.html,未能返回到上级a.html。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值