iframe嵌套项目后，接口跳出登入页面（会出现画中画的场景）

最新推荐文章于 2024-10-05 16:19:45 发布
最新推荐文章于 2024-10-05 16:19:45 发布
阅读量331 收藏 2
点赞数 4
分类专栏： Utils 工具库 React bug问题 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Z_Wonderful/article/details/140692723
版权
React 同时被 3 个专栏收录
42 篇文章 0 订阅
订阅专栏
Utils 工具库
18 篇文章 0 订阅
订阅专栏
bug问题
11 篇文章 0 订阅
订阅专栏

iframe嵌套项目后，接口跳出登入页面（会出现画中画的场景）
JavaScript 跳出iframe框架

window.top

top 属性返回最顶层的先辈窗口。该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口，top 属性存放对窗口自身的引用。如果窗口是一个框架，那么 top 属性引用包含框架的顶层窗口。

window.self

self 属性可返回对窗口自身的只读引用。等价于 Window 属性。

window.location

window.location（MDN）对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function check(){
	if (window.top!=window.self) {
		document.write("<p>这个窗口不是最顶层窗口!我在一个框架?</p>")
	}
	else{ 
		document.write("<p>这个窗口是最顶层窗口!</p>")
	} 
}
</script>
</head>
<body>
	
<input type="button" onclick="check()" value="检查窗口">
	
</body>
</html>

解决：

若想页面跳出 iframe 在里面加上下面这段代码

if (window.top!=window.self) {//若自身窗口不等于顶层窗口
		window.top.location.href = window.self.location.href; //顶层窗口跳转到自身窗口
   }
Z_Wonderful
关注
专栏目录
Vue项目实现在线预览pdf，并且可以批量打印pdf的两种方法
qq_37635012的博客
07-18 5877
同时在样式里设置如下打印样式，也是为了控制不多印空白页的问题。2.预览页面里，有个吸顶效果，然后这个pdf后端返回给我的是一个地址，我们预览pdf用到的插件是vue-office-pdf，由于有多个pdf，所以需要遍历，你会看到v-for=“pdf in pdfsArray”。这里需要注意的是，我们在打印时需要取消默认的页眉页脚的勾，然后将边距改为无，这样就能保证打印的页面无页眉页脚且是居中显示内容的了，目标打印机选择好，点击"打印"就能打了。
前端主流面试官必问超详细面试题(整理完以秃头)持续更新中
qq_43375584的博客
07-07 4005
CDN利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。CDN的作用：（1）在性能方面，引入CDN的作用在于：（2）在安全方面，CDN有助于防御DDoS网络攻击：懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。 比如：在较长的网页中。如果有很多图片，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。如果我们使用图片的懒加载就可以解决
iframe解决跳转登录界面问题
热门推荐
顺拐小乌龟的博客
03-13 1万+
iframe解决跳转登录界面问题 前端开发中难免会遇到需要通过iframe嵌入其他界面的需求。这时候如果被嵌入的页面需要登录获取权限，会出现iframe内出现登录页的情况。一般都会要求做到无感知登录。具体如何实现，视情况而定，大致如下： 同源环境下，可提前进行登录请求，在localstorage、cookie、session存储token、userId等信息后，进行iframe访问。 跨域时较为复杂，需要同时修改iframe内外部两个系统，本文主要是解决这种情况 整体思路 1.外部系统调用特定接口获取
iframe请求失效重新登录后直接跳转到请求内容页面的解决方案
大大的微笑的专栏
08-26 6315
iframe请求失效重新登录后直接跳转到请求内容页面的解决方案 上一篇文章讲到easyUI iframe中请求Session失效后iframe内跳转到首页，首页只在iframe中显示，没有填充整个页面，通过判断window.top是否为空或者URL是否一致来解决：easyUI iframe中请求Session失效后iframe内跳转到首页的解决方案 不过还有一个问题，就是登录成功以后，
JS 跳出iframe框架
sammyfunyupg的专栏
05-14 356
友情提示 TabPanel的属于里layoutOnTabChange:true,这个是一定要加的 每一个tab的布局用着fit。 或者tab用bordel布局..grid设成region:'center' JS 跳出iframe框架,退出JS 2010-10-18 15:31:57 阅读348 评论1 字号：大中小 订阅 (1)session过期后登陆页面跳出iframe页...
JavaScript跳出iframe框架
weixin_30399155的博客
07-13 118
一、window.top top属性返回最顶层的先辈窗口。 该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口，top属性存放对窗口自身的引用。如果窗口是一个框架，那么top属性引用包含框架的顶层窗口。 二、window.self self属性可返回对窗口自身的只读引用。等价于Window属性。 三、window.location window.loc...
czx前端（看完理解完必拿至少9Koffer）不断更新中
最新发布
czxvzxzczcc的博客
10-05 492
标准盒模型：box-sizing: content-box。外边距+边框+内边距+内容区。IE盒模型，怪异盒模型：box-sizing: border-box。外边距+内容区（边框+内边距+内容区）。
2021-6月面试总结-vue，uniapp，小程序，h5，更新中
目标检测专栏持续更新中，改进YOLO系列通用，适用v5、v7、v8、所有博客均是团队原创博客，所有文章禁止转载，违者必究。
03-07 922
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
iframe嵌入页面实现免登录思路（以vue为例）
talentT的博客
03-27 2861
最近实现一个功能需要使用iframe嵌入其它系统内部的一个页面，但嵌入后出现一个问题，就是一打开这个页面就会自动跳转到登录页，原因是被嵌入系统没有登录(没有token)肯定不让访问内部页面的，本文就是解决这个问题的。
js跳出iframe
faycat
01-21 1871
(1)session过期后登陆页面跳出iframe页面问题 登陆页面增加javascript： function window.onload(){ if(window.parent.length>0) window.parent.location=location; } 或者： if (window != top){ top.location.href = location.h
重新登录，页面嵌套问题的解决办法
yibanbairimeng的博客
03-03 1353
session失效后 我们需要重新登录，进去之后有可能页面会嵌套一起，那怎么办呢 JavaScript">         if (top != window)         top.location.href = window.location.href;      讲上述的js语句加入 登录页面就OK
解决项目中引用iframe点击后出现不会完全跳转的问题
weixin_54443782的博客
07-29 2813
解决iframe页面跳转问题
跳出当前iframe的js处理
shuixian
10-29 722
当前我有一个主页面，嵌套了两个iframe,用户登陆后，如果session过期，点击任何按钮弹出的页面都会嵌套到右边的iframe里面。 如图： 登陆后：   后来在提示过期的页面加了如下代码，点击返回登陆就可以直接跳到外面了。 &lt;%@ page contentType="text/html;charset=UTF-8" language="java" %&gt; &lt;%...
session过期后js跳出iframe框架
随便起个不重复的名字
09-21 434
只要把以下代码放到登陆页面头部即可: if(window != top){ top.location.href = location.href; } 注意：只有在head里面的js才会在页面加载时执行，所以务必将此js放于之中   转载请注明出处：http://blog.sina.com.cn/xilexu
跳出iframe到顶级窗口
github_39143887的博客
07-11 1521
一个页面（非首页即要跳转的页面）中包含多个子页面（iframe框架），由于session失效，java后台 Filter重定向跳转到首页，首页嵌套在frame中。 首页（重定向页面）加入代码 if ( top.location != self.location ){ top.location =self.location; }
JS 跳出iframe框架,退出
生活在爪洼岛上
05-04 295
(1)session过期后登陆页面跳出iframe页面问题 登陆页面增加javascript：function window.onload()    {        if(window.parent.length&gt;0)         window.parent.location=location;    } 或者： &lt;script&gt; if (window != top...
vue中iframe嵌套页面传值
04-04
在Vue中，如果需要在iframe嵌套页面之间传值，可以使用window.postMessage()方法。 例如，父页面中有一个iframe： ```html <iframe src="https://example.com"></iframe> ``` 在父页面中定义一个方法，用于向iframe发送数据： ```javascript function sendMessage(data) { const iframe = document.querySelector('iframe'); iframe.contentWindow.postMessage(data, 'https://example.com'); } ``` 在iframe中定义一个事件监听器，用于接收来自父页面的数据： ```javascript window.addEventListener('message', (event) => { if (event.origin !== 'https://example.com') return; const data = event.data; // 处理接收到的数据 }); ``` 在接收到数据后，可以在iframe中进行相应的处理。注意要判断消息来源的origin，确保数据来自正确的页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值