0
点赞
收藏
分享

微信扫一扫

菜单内嵌的iframe控制外层页面跳转

烟中雯城 2022-04-16 阅读 83
前端

需求: 菜单框架和菜单内容是不同组件开发,通过iframe联动的,现在需要由一个菜单跳转到另一个菜单,实现左侧菜单和上方Tab标签都跟随变化
在这里插入图片描述

菜单内容若是和菜单框架使用同一组件,那么自然有相应的文档,菜单跳转非常简单,但内嵌不同开发组件或者页面要实现跳转,提供菜单框架的组件不能使用

解决方案: 在内嵌的iframe中去控制外层的页面网址,实现菜单跳转
在内嵌iframe的js中,通过window.open("url","_top")或者通过top.location.href=url来实现跳转,url为需要跳转的菜单的网址
当有多层iframe嵌套时,可以使用window.parent.location.href=url来控制父页面

举报

相关推荐

0 条评论