`
charrys
  • 浏览: 36277 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类

iframe里面的页面调用父窗口,左右窗口js函数的方法

    博客分类:
  • js
阅读更多

iframe里面的页面调用父窗口,左右窗口js函数的方法


实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。 
比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数AFUN();
那么只要在C页面中写如下JS函数就可以了:
window.parent.AFUN();
如果AFUN()有参数也可以直接传递合适的参数进去。
例如:
修改父窗口控件属性
window.parent.document.getElementById('frmright').src=window.parent.document.getElementById('frmrightsrc').value;
调用父窗口函数
window.parent.POPUP('bigFram'); 

父窗口调用iframe子窗口方法


<iframe name="myFrame" src="child.html"></iframe> 
myFrame.window.functionName();
iframe子窗口调用父窗口方法
parent.functionName();

用 js互相调用iframe页面内的js函数


一个html页面,分成左右两块,左边为导航栏,右边为需要显示的内容,代码如下:
左栏的代码为:
<IFRAME frameBorder=0 id=frmTitleLeft name=framLeft src="left.html" style="HEIGHT: 100%; width:180px;">
连接到left.html
比如右栏中有一个函数right(),我要在左栏的链接中调用right()函数,该如何实现呢
1,首先leftframe是内嵌在容器页index.html中的,因此需要先返回到index这一级别,并取得rightframe对象
    var frames=window.parent.window.document.getElementById("frameid");
2,要能执行其页面中的函数,必须要获得window对象,这里有一个重要的对象contentWindow,获得这个对象,即可执行其中的函数了,如
    frames.contentWindow.right();
以上代码兼容IE6,Firefox3,chrome2.0,均成功通过测试,IE7没试过,不过应该没问题。
3. 例如:
window.parent.document.getElementById('leftFrame').contentWindow.JSMenu('MenuUl'+Sid);
window.parent.frames["leftFrame"].JSMenu('MenuUl'+Sid);

转自(http://www.ok22.org/art_detail.aspx?id=87)

分享到:
评论

相关推荐

    父窗口调用iframe子窗口方法

    在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...

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

    在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    iframe子父页面调用js函数示例

    在`iframe`子页面中,要调用父页面的JavaScript函数,可以使用`window.parent`对象来引用父窗口。假设父页面有一个名为`a()`的函数,子页面可以这样调用它: ```javascript window.parent.a(); ``` 如果需要获取父...

    jquery、js调用iframe父窗口与子窗口元素的方法整理.docx

    jquery、js调用iframe父窗口与子窗口元素的方法整理 在Web开发中,iframe是一个常用的技术,用于在一个HTML文档中嵌入另一个HTML文档。然而,在使用iframe时,经常会遇到一个问题:如何在iframe中访问父窗口的元素...

    Jquery调用iframe父页面中的元素及方法

    // 调用父页面的方法 alert(parent.hello); // 弹出父页面的变量 ``` 这表示我们可以通过window.parent对象访问父页面的全局变量和函数。 3. 实例: 文章提供了一个简单的示例来演示如何实现上述操作。在这个示例...

    jquery、js调用iframe父窗口与子窗口元素的方法整理

    如果在iframe子页面中需要调用父页面定义的函数,可以直接使用`window.parent`来引用。假设有一个名为`func`的函数在父页面中定义,我们可以在子页面中这样调用: ```javascript window.parent.func(); ``` ...

    iframe和父窗口通讯实例

    - 在同源情况下,父窗口可以直接调用`iframe`窗口内的函数,反之亦然。跨域时,可以通过`postMessage`传递函数调用信息并实现回调。 理解并熟练运用这些知识点,能够帮助开发者在设计复杂交互时更好地控制`iframe`...

    JavaScript操作iframe父窗口和子窗口例子

    - 例如,调用父窗口的函数:`parent.myFunction()`;获取父窗口的变量:`var parentVar = parent.myVar`。 5. **跨窗口通信**: - 由于同源策略的限制,只有当父窗口和子窗口的源(协议+域名+端口)相同,它们...

    js中iframe调用父页面的方法.docx

    下面我们将详细介绍`js`中`iframe`调用父页面方法的相关知识点。 1. **基本调用方式** 在`iframe`中的页面,可以通过`window.parent`属性来访问父页面的全局对象,从而调用父页面中定义的函数。例如,如果父页面有...

    js实现iframe跨页面调用函数的方法

    在JavaScript中,实现iframe跨页面调用函数是一个常见的需求,特别是在构建复杂的Web应用程序时。当一个页面(父页面)嵌入了另一个页面(子页面)作为iframe时,有时需要在两个页面之间通信,调用各自的功能。下面...

    JS刷新父页面 父窗口

    实现这一功能的关键是能够访问到父窗口对象,并调用其`location.reload()`方法。 #### 代码解析 首先来看一下提供的代码片段: ```javascript function refreshOpener() { var win = top.window; try { if ...

    frameset父页面和子页面的方法之间调用个属性的调用(页面上可以包含iframe)

    这种交互可以通过JavaScript来实现,因为JavaScript提供了一些API来操作和访问页面中的DOM元素以及与之关联的函数。 1. `window.frames` 对象:这个对象允许我们访问`frameset`中的每一个`frame`。每个`frame`在`...

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

    例如,如果在`iframe`内想要调用父页面的一个名为`parentFunction`的函数,可以这样写: ```javascript parent.parentFunction(); ``` 而在父页面中,由于`iframe`内容被封装在一个单独的窗口对象中,我们需要先...

    同级iframe间的函数调用

    标题“同级iframe间的函数调用”涉及的是如何在不同`iframe`之间共享数据和交互,这是跨域安全策略下实现页面间通信的一种方式。 在同一个域名下,`iframe`可以相互访问,这是因为它们被视为同一源(same-origin ...

    lightbox在iframe内弹在父窗口上

    当事件触发时,通过`window.parent`引用父窗口,并调用Lightbox函数来打开图片。 ```javascript $('#yourImageElement').click(function(event) { event.preventDefault(); // 阻止图片默认的跳转行为 var img...

    iframe调用父页面函数示例详解

    要使`iframe`能够调用父页面的函数,我们需要使用JavaScript的`window.parent`属性。这个属性引用了包含当前`iframe`的顶级窗口,也就是父页面的窗口对象。通过`window.parent`,我们就可以访问并执行父页面中的任何...

    iframe中子父类窗口调用JS的方法及注意事项

    相应的,在子iframe窗口中,要调用父窗口的方法则要通过`window.parent`来引用父窗口对象,并调用父窗口的方法,如下: ```javascript document.getElementById("btnSon").onclick=function(){ parent....

Global site tag (gtag.js) - Google Analytics