解决iframe里面又出现iframe问题

最新推荐文章于 2023-02-24 15:37:09 发布

Lacy-Gr

最新推荐文章于 2023-02-24 15:37:09 发布

阅读量1.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： html 文章标签：框架 iframe 嵌套超链接

本文链接：https://blog.youkuaiyun.com/qq_28975099/article/details/72865605

html 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决iframe中登录页面循环加载的问题，提供了两种方法：一是通过修改a标签的target属性为_top，使链接能在顶层窗口打开；二是使用JavaScript脚本定位到顶层窗口并重新加载页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情景重现：开发后台系统，左边为固定菜单栏，右边则是一个iframe存放用户点击后的不同内容
如下图所示：

这里写图片描述

但是，当用户登陆session过期时候iframe里面出现了一个登陆页面，点击登陆以后，里面又在出现一个iframe，如下图所示：

这里写图片描述

当iframe里面有超链接的时候，如果没有特别说明，一般都是在当前iframe里面打开，所以iframe里面的超链接如果是要在完整的页面呈现的话应当在a标签里面添加 target="_top"
关于a标签的target属性有四个，分别是_blank, _parent, _self, _top，而_top是可以跳出当前框架并重新在当前页面打开的。
还有另一种解决方法是添加脚本：

var _topWin = window;  
while (_topWin != _topWin.parent.window) {  
     _topWin = _topWin.parent.window;  
}  
if (window != _topWin)_topWin.document.location.href = '****';