`
ctrain
  • 浏览: 135499 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

iframe 中关闭父窗口的弹窗

 
阅读更多
问题描述:在父窗口中弹窗一个含有iframe的div,需要通过iframe中的某些元素,比如按钮,去关闭这个弹出的div

方案:
window.parent.window.$('#dd').window('close');

0
3
分享到:
评论

相关推荐

    greybox在Iframe的父窗口弹出

    在Iframe的场景下,如果我们在Iframe内的页面中触发greybox弹窗,目标是让这个弹窗在父窗口中显示,这就涉及到跨窗口通信。在HTML5中,`window.parent`对象提供了与父窗口进行通信的途径。我们可以在Iframe内的脚本...

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    ### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建...

    MVC实现iframe弹窗传值

    在父窗口中发送消息: ```javascript window.frames['popupContent'].contentWindow.postMessage(data, 'http://yourdomain.com'); ``` 在iframe中的页面,你可以监听`message`事件来接收这些数据: ```...

    iframe弹出框遮罩父类页面

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

    ie 模态弹窗 父子窗口交换数据

    5. **使用IFrame**:如果子窗口是一个嵌入在父窗口中的IFrame,那么可以直接通过JavaScript访问IFrame的`contentWindow`属性,从而实现双向通信。 在处理IE浏览器时,需要注意以下几点兼容性问题: - IE8及更早...

    iframe弹窗工具类

    6. **跨域通信**:如果`iframe`加载的内容来自不同的源,那么工具类可能涉及`postMessage`和`message`事件,实现父窗口与`iframe`之间的跨域通信。 7. **性能优化**:考虑到性能,工具类可能包含延迟加载策略(如懒...

    javascript 关闭iframe外层的div容器

    比如,用户在`iframe`内点击了一个按钮,可以触发一个事件,然后由`iframe`的父窗口接收到并执行关闭`div`的代码。 4. **消息传递**:对于跨源的`iframe`,可以利用`window.postMessage`方法进行安全的数据通信。`...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    EasyUI提供了一种方式,通过`parent`关键字来访问父窗口的对象,从而调用其上的函数。假设在父页面上有一个名为`updateParentData`的函数,可以在子页面中这样调用: ```javascript parent.updateParentData('子...

    php 提交表单 关闭layer弹窗iframe的实例讲解

    本文将结合这三个技术点,通过实例讲解如何在PHP表单提交后关闭Layer弹窗中的iframe。 首先,介绍Layer插件的基本使用方法。Layer插件主要通过JavaScript调用,提供了一套API进行弹窗操作。例如,使用layer.open()...

    layui 实现二级弹窗弹出之后 关闭一级弹窗的方法

    这个方法依赖于 JavaScript 的跨窗口通信机制,通过 `window.parent` 访问父窗口的对象和方法。请注意,这种方法仅适用于同源策略允许的情况下,如果一级弹窗和主页面位于不同的域,那么这种方法可能无法正常工作。 ...

    js_弹出窗口_iframe

    在"js_弹出窗口_iframe"这个主题中,我们将深入探讨如何使用JavaScript来实现弹出窗口以及如何利用`iframe`技术。 首先,我们来看JavaScript中的弹出窗口。主要有三种类型的弹出窗口:`alert()`,`prompt()`和`...

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

    如果`iframe`需要从Vue父页面获取数据,可以通过传递URL参数或者使用`postMessage` API来实现跨窗口通信。以下是一个简单的请求示例: ```javascript function PcCommon() { this.baseUrl = 'https://xxxxxxx'; //...

    强悍网页窗口控件ymPrompt

    在多窗口或iframe场景中,有时候我们需要在子窗口关闭时更新父窗口的状态。ymPrompt通过特定的API实现了这一功能,使得开发者可以通过简单的代码实现这一复杂的操作,避免了跨窗口通信的难题。 在提供的压缩包...

    弹出框选择 返回父页面值

    5. **Web消息API(Web Messaging API)**:如果B页面是在新的窗口或iframe中打开,可以使用`postMessage`和`message`事件进行跨窗口通信。B页面发送消息,A页面监听并接收。 6. **Ajax请求**:B页面可以发送一个...

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

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

    LayerClose弹窗关闭刷新方法

    - 对于`fatherall`参数,它将会关闭父窗口中的所有弹窗,这在使用iframe嵌套页面时非常有用。 除了上述函数,还存在`LayerClose2`和`LayerClose3`这两个函数,它们的使用方式与`LayerClose`类似,但提供了更多细致...

    jquery插件jbox使用iframe关闭问题

    `的方式调用close方法,这里的`window.parent`指的是嵌入iframe的父窗口,因为iframe是父窗口的一部分,所以可以通过这种方式来操作父窗口中的JBox实例。 这一操作反映了iframe的DOM是独立于父页面的,但可以通过...

    Layer组件多个iframe弹出层打开与关闭及参数传递的方法

    - **事件通信**:利用`window.postMessage`进行跨窗口通信,从父窗口向iframe发送消息,或从iframe向父窗口发送消息。 通过以上方法,开发者能够灵活地控制和管理Layer组件中的多个iframe弹出层,实现复杂的应用...

    JBox,基于JQuery的弹窗插件

    1. **跨 iframe 支持**:JBox 能够轻松穿透 iframe 层次,实现父窗口与子窗口、子窗口与子窗口之间的弹窗交互,这对于多层嵌套页面的交互设计尤为重要。 2. **多样化模式**:JBox 提供了多种预设的弹窗模式,包括...

    layer弹出的iframe层在执行完毕后关闭当前弹出层的方法

    这段代码的工作原理是,当iframe内的AJAX请求成功后,通过`parent.layer.getFrameIndex(window.name)`获取到当前iframe在父窗口中的索引。然后,我们使用`setTimeout()`设置一个延迟,延迟结束后调用`parent.layer....

Global site tag (gtag.js) - Google Analytics