处理iframe中嵌套本页面的问题 iframe中的坑 Kaki的博客

最新推荐文章于 2022-12-26 18:19:58 发布
最新推荐文章于 2022-12-26 18:19:58 发布
阅读量532 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript web vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44988088/article/details/105313360
版权

处理iframe中嵌套本页面的问题 iframe中的坑 Kaki的博客

当使用iframe是有的页面可能不是我们想嵌进去的
在这里插入图片描述
这里边的是我的登录页面，在修改密码后使用location.href="/logout";
在这里插入图片描述
所以为了防止这样，我们就使用


 if (self.frameElement && self.frameElement.tagName == "IFRAME") {
     parent.location.href="/logout";
     //parent.location.reload();//父页面重新加载
 }

大概意思就是让父页面去调location.href="/logout";然后该页面重载时就不会嵌在父页面里了

在这里插入图片描述希望能帮到你在这里插入图片描述
欢迎点赞关注收藏哦 ，码云搜索KakiNakajima

KakiNakajima
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
关于解决iframe标签嵌套问题的解决方法
11-21
问题描述 当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否已经存在 //根据该节点名字判断该节点是否存在 if ($("#tabs").tabs("exists",node.text)){ //如果存在就直接选中 $("#tabs").tabs("select",node.text); } 如果为否，我们就会嵌套一个iframe标签来打开一个相应的
iframe页面嵌套问题
热门推荐
weixin_44551909的博客
06-09 2万+
iframe页面嵌套问题 开发工具与关键技术：VisualStudio C# 作者：落灵 撰写时间：2019/6/8 一、 iframe的框架根据内容自适应高度 iframe是在项目设计中经常用到的框架标签。而它的作用就是把页面嵌套在自身形成的框架体中，从而实现在一个固定的地方可以切换多个页面，并且其他内容不变。在使用iframe这个框架标签时新手往往是直接固定iframe的宽高。那么当文本内容...
iframe嵌页面遇到问题
qq_41549657的博客
12-15 2345
通过iframe嵌入页面，想要做到通过cookie传递登陆信息的方式做到主项目和父项目之间的单点登录，行不通的原因是父项目与子项目之间的域名不相同，导致接口返回头中的set-cookie不能被子项目的域名获取到，所以不能做到单点登录。 解决方法：使得父项目和子项目域名相同 ...
html 多层嵌套页面,iframe 多层嵌套 无限嵌套 高度自适应的解决方案
weixin_33657398的博客
06-03 788
有A,B,C三个页面,A页面包含B页面,B页面包含C页面.A页面随着B页面自适应,C页面随着B页面自适应A页面复制代码代码如下:onload="this.height=main.document.body.scrollHeight;this.width=main.document.body.scrollWidth;if(this.height < 410){this.height=410;}...
kaki-note-02:七瀑布八醒杂记博客
04-19
Netlify开发设定Base directory: Not setBuild command: yarn buildPublish directory: public/Builds: Active本地开发人员yarn installyarn dev执照该项目是根据条款获得。
kaki41.github.io
03-05
标题 "kaki41.github.io" 暗示这是一个个人或项目在 GitHub 上的静态网页。GitHub 是一个托管源代码的平台，用户可以利用它来分享、协作开发软件项目。通常，这种形式的标题代表着一个 GitHub Pages 网站，它是 ...
kaki39.github.io
03-05
kaki39.github.io
Android中解析读取复杂word，excel，ppt等的方法
11-08
在Android开发中，有时我们需要处理来自用户或者服务器的复杂文档，如Word、Excel或PowerPoint。这些文件通常包含了丰富的格式和内容，对于Android原生的处理能力是个挑战。在这种情况下，我们可以利用Apache POI库...
kaki-li.github.io
02-17
kaki-li.github.io
iframe嵌入网页的一部分
05-27
iframe嵌入网页的一部分, 拿别人网页为你所用
vue项目关于iframe嵌套的相关问题总结(一)
weixin_44900104的博客
03-18 9155
vue项目关于iframe嵌套的相关问题总结 因为最近做的项目涉及到项目跨项目共用页面，也就是iframe嵌套，之前对着一块也不是很了解，所以想把遇到的问题及解决办法总结一下。可能会有不严谨或者理解不周到的地方，希望读到文章的大佬能够发指出。 首先，说一下项目的需求吧，A系统要调用B系统的某个页面，并且要实现相关指定功能，具体步骤及需求如下： 在 A系统创建对应嵌套页面的路由： { path: 'MXFXYZGL_FXSJ', name: 'MXF
页面嵌套多个iframe iframe内嵌页面同名参数混乱问题
black_test的专栏
11-10 1102
页面嵌套多个iframe 各个iframe有统一参数和后台交互。当父页面刷新是，iframe页面参数传递可能发生混乱。 个人解决方案(未优化)： 按次序刷出iframe页面，第一个出现的iframe的src直接添入地址，其他iframe则空置，让后一次有前面出现的iframe来动态刷出后面的iframe。 如：在第一个页面的最下方js代码直接添入window.parent.docu...
iframe内嵌链接常见问题
一个希望世界和平的前端程序猿的博客
12-26 1万+
iframe内嵌链接常见问题
h5 iframe嵌套页面_关于解决iframe标签嵌套问题的解决方法
weixin_39831239的博客
12-29 2438
问题描述当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否已经存在//根据该节点名字判断该节点是否存在if ($("#tabs").tabs("exists",node.text)){//如果存在就直接选中$("#tabs").tabs("select",node.text);}如果为否，我们就会...
使用 ＜iframe /＞ 嵌套页面的一点总结
weixin_43714836的博客
11-22 1万+
iframe 标签嵌套页面，可能会遇到 x-frame-options 的值为 deny、sameorigin 情况，此时可能出现：xxx.xxx.xxx 拒绝了我们的连接请求。往往被嵌套页面的设置决定了是否能嵌套。
踩坑scrollIntoView
weixin_45221036的博客
12-21 2163
踩坑scrollIntoView Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 页面（容器）可滚动时才有用！ element.scrollIntoView（）; // 等同于element.scrollIntoView(true) element.scrollIntoView（alignToTop）; //布尔参数 element.scrollIntoView（scrollIntoViewOptions）; //对象参数 alignToTop [
iframe和iframe实现页面内嵌套一个页面（jsp）
admin__istrator的博客
07-19 9682
相信刚学习javaweb的同学都十分好奇页面上点击一个按钮下面就显示一个页面，点击不同的导航栏按钮，下方就会显示不同内容，这就用到了iframe标签的src属性。下面就给大家介绍一下iframe的使用及嵌套页面的实现 下面展示一些 内联代码片。 先给大家写一下嵌套页面的实现代码 <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="${pageContext.request.contextPath}/
关于在iframe中，跨域调用parent页面的方法的问题
Lucius_Deng的博客
06-20 1万+
js报错信息：Uncaught SecurityError: Blocked a frame with origin "http://127.0.0.1:8080" from accessing a frame with origin "http://localhost:8888". Protocols, domains, and ports must match. 不支持跨域调用javas
vmware虚拟机安装kaki
最新发布
09-14
1. 首先，确保您已经在VMware Workstation中创建了一个新的虚拟机并完成了基本设置。 2. 然后，在安装Kali Linux之前，您需要准备Kali Linux的ISO映像文件。您可以从官方网站下载最新版本的Kali Linux，并将其保存...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KakiNakajima

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值