【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。

你可能感兴趣的:(react.js,javascript,前端)