`
fan7421436
  • 浏览: 9294 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

后台使用iframe布局 出现非常复杂获取指定窗体解决办法(父窗体调用子窗体函数)

阅读更多
也非常正常的使用的是iframe来进行布局的,在 index.html中有一个iframe引用了a.html页面,a.html页面中又使用了iframe进行了左右布局aLeft.html,bRight.html,
在bRight.html页面中点击某个按钮弹出了一个全局的窗口(由于使用的是一个jbox插件,在iframe中弹出时是一种局部的弹出,我们将它改成了全局的弹出),我想在弹出的窗口中获取bRight.html页面窗口对象然后调用里面的函数。普通的window.parent是无法获取的,因为此窗口已经是全局的window.parent获取的是index.html窗口对象。
为了达到我的需求,百度了几个小时终于弄出来了。
$(top.window.iframeDiv).children('iframe')[0].contents().find("#rightContent").children('iframe')[0].contentWindow.setUser(selections)

上面是使用了插件jbox的写法,如果没有使用可以用$(window.parent).children....
我说的这些可能只适合我项目中的需求,如果你的不是这样,在你无招的时候你可以考虑一下从contents()方法着手,它可以帮你得到iframe中src地址里面的那个窗口对象然后在进行其需要的业务。
  • 大小: 24.9 KB
0
0
分享到:
评论

相关推荐

    jQuery实现iframe父窗体和子窗体的相互调用

    在Web开发过程中,我们经常需要在父页面和iframe...总之,通过本文,读者应该能够掌握使用jQuery实现iframe父窗体和子窗体相互调用的方法,并了解在此过程中需要注意的要点。这将有助于提高Web应用的用户体验和交互性。

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

    假设在父页面上有一个名为`updateParentData`的函数,可以在子页面中这样调用: ```javascript parent.updateParentData('子页面传递的数据'); ``` 接着,我们讨论“子页面给父页面赋值”。当子页面完成了某些操作...

    Jquery方式获取iframe页面中的 Dom元素

    这个函数使用jQuery的方法来访问iframe中的DOM元素。首先,通过“$("#frame_1")”选择器找到id为“frame_1”的iframe元素。然后,通过调用“.contents()”方法获取iframe的文档内容,这会返回iframe的Document对象。...

    iframe与父页面传值(方法互调)

    在`iframe`内的页面,我们可以使用`parent`对象来访问父页面的全局变量和函数。例如,如果在`iframe`内想要调用父页面的一个名为`parentFunction`的函数,可以这样写: ```javascript parent.parentFunction(); ```...

    无刷新 子窗体传值父窗体

    在IT行业中,尤其是在Web开发领域,"无刷新子窗体传值父窗体"是一个常见的需求,它涉及到页面间通信和用户体验优化。无刷新技术可以让用户在不重新加载整个页面的情况下更新部分页面内容,提高交互性和效率。在这个...

    C#WinForm类似iframe的控件

    `指定子窗体的父窗体为`MainForm`,从而实现在主窗体内显示和管理子窗体。 #### 控制子窗体的显示与切换 1. **ToolStrip按钮绑定子窗体**:为主窗体的`ToolStrip`添加多个按钮,并为每个按钮绑定一个点击事件处理...

    iframe应用

    ### iframe应用:父窗体与子窗体之间的相互操作 在网页开发中,`iframe`(Inline Frame)是一种常用的HTML元素,它允许在一个文档中嵌入另一个文档,从而实现页面内容的嵌套显示。通过使用`iframe`,开发者可以在一...

    jQuery子窗体取得父窗体元素的方法

    特别是当页面使用了iframe、弹出窗口(window.open)或模态对话框(showModelDialog)的时候,如何从子窗体访问并操作父窗体的元素就显得尤为重要。本文将详细介绍如何使用jQuery来实现这一需求。 首先,要在子窗体...

    JavaScript子窗口调用父窗口变量和函数的方法

    在JavaScript中,子窗口与父窗口之间的交互是一个常见的需求,特别是在构建复杂的Web应用程序时。本文将详细介绍如何在JavaScript中让子窗口调用父窗口的变量和函数,以及涉及的一些窗口调用技巧。 首先,我们来看...

    js操作iframe父子窗体示例

    关于JavaScript操作iframe父子窗体的知识点,本篇内容主要涉及通过JavaScript代码实现父窗口与iframe子窗口间数据的互相访问,以及如何控制子窗口中的内容。以下是详细的内容说明: 1. 父窗口与iframe的交互: 在父...

    jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

    获取到iframe窗体对象后,我们就可以调用其中的方法或操作DOM元素了。例如: 1. 调用当前Tab中iframe窗体的`testMth`方法: ```javascript getTabWindow().testMth(); ``` 2. 设置当前Tab中iframe窗体的`...

    iframe弹窗工具类

    1. **创建和插入iframe**:工具类会包含一个方法,用于动态创建`iframe`元素,并将其插入到文档的指定位置。这可能涉及到DOM操作,如`document.createElement('iframe')`来创建`iframe`,然后通过`appendChild`或`...

    JQuery跨域访问解决方案

    如果需要使用POST方式进行跨域,可以采取其他技术,如CORS(跨源资源共享)或使用IFrame和窗体提交。但是,jQuery本身并不直接支持JSONP之外的跨域POST请求。 在上面的例子中,`$.ajax()`方法用于发起跨域请求,`...

    JS父页面与子页面相互传值方法

    当子页面是通过`window.open()`函数打开时,我们可以使用`window.opener`属性来访问父页面的DOM元素。以下是一个简单的例子: 1. 父页面代码: ```html <!DOCTYPE html> 父页面 function openChildPage() { ...

    JavaScript中的事件(iframe与父窗口)

    当涉及到IFrame(内联框架)和“父窗口”的交互时,事件处理机制变得更加复杂。在这个主题中,我们将深入探讨JavaScript中的事件,特别是IFrame与父窗口之间如何通信。 首先,事件是网页中发生的特定动作,比如鼠标...

    JS操作iframe里的dom(实例讲解)

    - 对于子窗口中的方法,如`frameFun`函数所示,尝试调用`getIframe("frameB").getsFun()`或`window.frames["iframeB"].getsFun()`是无效的,因为`iframe`的`window`对象没有直接暴露子页面的方法。如果要在子窗口中...

    unigui_ztree html嵌入iframe_完善1

    ZTree的初始化通常通过调用JavaScript函数实现,这个函数会根据提供的配置项和数据生成树形结构。配置项可能包括节点的展开/折叠行为、节点点击事件处理等。例如: ```html <div id="ztree"></div> var setting =...

    jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)

    在网页开发中,jQuery插件EasyUI是一种广泛使用的前端框架,它基于jQuery库,提供了丰富的UI组件,如布局(Layout)、对话框(Window)、表单控件等,帮助开发者快速构建用户界面。本文将深入探讨如何利用EasyUI的...

    layui: layer.open加载窗体时出现遮罩层的解决方法

    然而,在实际使用过程中,用户可能会遇到一个问题,即在使用 `layer.open` 打开窗体时,会伴随有遮罩层的出现,这可能会影响用户体验。本文将详细讲解如何解决这个问题。 首先,我们要了解遮罩层在 Layui 中的作用...

    js操作iframe兼容各种主流浏览器示例代码

    业务很简单,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数。于是就写了两个很简单的htm页面用来测试,使用网上流行的方法在谷歌浏览器中始终报错,不能通过。 父页面parent.html的代码如下 代码如下: ...

Global site tag (gtag.js) - Google Analytics