`
jimmy9495
  • 浏览: 299473 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

关闭iframe外的页面

 
阅读更多

一个通用页面被某个页面用iframe包含了。通用页面中的关闭按钮原本通过window.close();来关闭页面的,现在无效了。
网上查了下,把通用页面的关闭js改成 window.parent.close();

页面调用还是无效,原来页面流过来的时候外面还包了个iframe...
再加个parent有用了  window.parent.parent.close();

因为通用页面没被iframe包的时候他的parent就是自己,所以原页面没被iframe引用的时候即使多加几个parent,此关闭js也是有效的。

分享到:
评论

相关推荐

    iframe弹出框遮罩父类页面

    在网页开发中,有时我们需要实现一个功能,即在iframe中打开一个新的弹出窗口,并且这个弹出窗口能够遮罩住其父级页面,提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...

    在vue中实现嵌套页面(iframe)

    在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载外部网页或者内部组件。`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常...

    基于js的iframe 可关闭tab标签组件使用方法

    本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中方便地切换和管理多个内容区域,而无需刷新整个页面。 首先,`iframe`是HTML5中的一个元素,它允许...

    IFrame中Session丢失的解决办法

    同源策略限制了来自不同源的脚本之间的直接交互,这意味着如果IFrame加载的是一个与主页面不同的域名下的资源,那么主页面的JavaScript将无法访问IFrame内部的DOM,包括其Cookies和Session数据。此外,IE浏览器对于...

    在iframe 中页面中设置遮罩遮罩层

    <iframe src="你的页面地址" width="你的宽度" height="你的高度"></iframe> ``` 在这个例子中,我们可能在`main.html`中嵌入其他三个页面,例如: ```html <!DOCTYPE html> 主页面 /* 遮罩层样式 */ ....

    javascript 关闭iframe外层的div容器

    在JavaScript编程中,有时我们需要处理嵌入在页面中的`iframe`元素,并可能需要与外部页面交互,例如关闭`iframe`外部的某个`div`容器。这个需求通常出现在弹窗或者模态框的场景中,`iframe`用于承载特定的内容,而...

    iframe弹出窗

    在网页开发中,"iframe弹出窗"是一种常见的技术手段,用于在不离开当前页面的情况下显示额外的内容或者功能。这种技术结合了`iframe`元素和自定义的对话框(dialog)设计,通常由`div`元素构建,并通过JavaScript...

    div覆盖 iframe

    在IT行业中,网页布局和页面嵌套经常涉及到各种技术,如`div`和`iframe`。标题"div覆盖iframe"暗示了一个应用场景,即利用`div`元素覆盖在`iframe`之上,实现特定的页面展示效果。`div`是HTML中的一个基础容器元素,...

    SuperTabNavigator关闭 IFrame 错位

    4. **重新初始化IFrame**:在关闭Tab并打开新的Tab时,可以尝试重新初始化IFrame,清除旧的页面状态,确保新内容加载正确。 5. **使用数据驱动**:通过维护数据模型的正确性,确保Tab与IFrame的映射关系始终保持...

    bootstarp+iframe 实现局部刷新 后台模板

    每个选项卡对应一个`iframe`,用户点击选项卡时,对应的`iframe`会显示其内容,同时可以实现窗口的自由关闭、打开,以及关闭其他或全部关闭的操作,这在管理多个任务或数据时非常有用。 在压缩包文件“AdminLTE-...

    关于iframe的用法

    例如,加载图标可以表示iframe内容正在加载,关闭图标可以用于用户关闭iframe。图标文件通常以`.png`、`.jpg`或`.svg`格式存储,并通过CSS或者HTML的`<img>`标签引用。 ### 结合实际案例 在`mywebneed`这个项目中,...

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    在网页设计和开发中,有时候我们需要处理多个`iframe`(内联框架)并实现特定的交互效果,例如只显示其中一个`iframe`中的`div`元素,并确保它在所有其他元素之上,即处于最上层显示。这样的需求通常出现在需要创建...

    iframe子页面操作父页面并实现屏蔽页面弹出层效果

    在本文中,我们将探讨如何在使用iframe嵌套页面时,从子页面(iframe内部页面)操作父页面(包含iframe的页面),以屏蔽整个父页面并弹出特定的层。这种技术尤其适用于需要在子页面加载时阻止用户与父页面互动,同时...

    iframe 内的bootstrap模态框证照父页面

    然而,在实际应用中,我们可能会遇到一些问题,比如当在`iframe`内部使用Bootstrap模态框时,模态框只会影响到`iframe`内的内容,而不会覆盖到父页面,这可能导致用户界面的不一致和交互问题。针对这个问题,我们...

    lhgdialog文件加跨iframe框架使用

    在这个主题中,“lhgdialog文件加跨iframe框架使用”意味着我们将探讨如何在含有iframe的页面结构中利用lhgDialog进行交互。 首先,我们来看一下lhgDialog的基本用法。lhgDialog提供了丰富的选项和方法,可以定制...

    通用的iframe弹层插件

    这个插件的主要目的是在不刷新整个页面的情况下,通过iframe技术加载外部网页内容,实现内容的动态展示,如登录窗口、注册表单、消息提示等,提升用户体验并保持页面状态的一致性。 在网页开发中,iframe(内联框架...

    二个iframe之间传值 的小例子

    `window.name`属性在浏览器关闭或重载后仍能保持其值,可以在`iframe`之间共享数据。例如,`iframe`A设置`name`属性: ```javascript var iframeB = document.getElementById('iframe_id'); iframeB....

    基于iframe的js动态标签tab

    总之,基于iframe的js动态标签tab是一种实用且灵活的网页设计方法,它使开发者能够在不离开主页面的情况下提供多视图的浏览体验,极大地丰富了网页交互性。通过掌握这一技术,开发者可以创建更加动态和用户友好的...

    iframe弹出层插件代码

    这个插件的核心在于如何优雅地实现`iframe`弹出层的显示、隐藏、大小调整以及与主页面的交互。以下是一些关于`iframe弹出层`的关键知识点: 1. **`iframe`元素**:`<iframe>`元素用于在网页中嵌入另一个HTML文档,...

    iframe弹窗工具类

    9. **调试支持**:为了便于开发者调试,工具类可能提供了开启或关闭开发者工具的功能,或者在`iframe`加载错误时提供有用的错误信息。 10. **文档和示例**:一个完善的工具类应附带详细的使用文档和示例代码,以便...

Global site tag (gtag.js) - Google Analytics