iframe子父页面调用

   1、iframe子页面调用 父页面js函数

  子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数,就写成:

  window.parent.a();

  子页面取父页面中的标签中的值,比如该标签的id为“test”,则:

  window.parent.document.getElementById("test").value;

  jQuery方法为:

  $(window.parent.document).contents().find("test").val();

  但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在chrome 5+中,window.parent无法在file://协议中运行,但是发布了之后http://协议下是可以运行的。此方法支持ie、firefox浏览器。

  2、iframe父页面调用 子页面js函数

  这个就稍微复杂一些,下面的方法支持ie和firefox浏览器:

  document.getElementById('ifrtest').contentWindow.b();

  子页面取父页面中的标签中的值,比如该标签的id为“test”,则:

  document.getElementById("test").value;

  注:ifrtest是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。

时间: 2024-10-30 02:52:47

iframe子父页面调用的相关文章

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

1.iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为"test",则: 复制代码 代码如下: window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).c

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

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

在父页面调用子页面的JS方法_javascript技巧

今天弄了一天了,终于在网上找到了解决办法 注意:问题是在父页面调用子页面的方法..... 父页面:parent.html 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.o

js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法_javascript技巧

重点是阻止默认的刷新,这样外部页面就不刷新了,然后指定刷新iframe,我下面给出了思路 document.onkeypress = function(e){ if(e.keyCode == 116){ e.preventDefault(); //组织默认刷新 var iframeSrc = iframe.src; iframe.src = iframeSrc; } } iframe页面里再写如下: var iframeSrc = parent.iframe.src; document.onke

javascript 调用js:javascript中iframe里面的页面调用父窗口js函数的方法

实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法.比如有A窗口,A内有个IFRAME. B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数ExpandPage();那么只要在C页面中写如下JS函数就可以了:window.parent.ExpandPage();如果ExpandPage()有参数也可以直接传递合适的参数进去. 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130131/36765.h

javascript中iframe里面的页面调用父窗口js函数的方法

实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME. B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数ExpandPage(); 那么只要在C页面中写如下JS函数就可以了: window.parent.ExpandPage(); 如果ExpandPage()有参数也可以直接传递合适的参数进去.

html中iframe控制父页面刷新实现思路及代码

一.应用场景 父页面 a.jsp 子页面 b.jsp,作为a页面中嵌入的iframe指向的页面   复制代码 代码如下: <body> <iframe id="frame" src="b.jsp" .../> </body> 现在在b页面中做了一项操作,操作结束后,需要达到a页面中嵌入的iframe刷新 二.思路 在b页面中找到a页面,然后找到a页面里的iframe,重新对iframe的src属性进行赋值. 三.实现 在b.jsp

html中iframe控制父页面刷新

一.应用场景 父页面 a.jsp 子页面 b.jsp,作为a页面中嵌入的iframe指向的页面 <body> <iframe id="frame" src="b.jsp" .../> </body> 现在在b页面中做了一项操作,操作结束后,需要达到a页面中嵌入的iframe刷新 二.思路 在b页面中找到a页面,然后找到a页面里的iframe,重新对iframe的src属性进行赋值. 三.实现 在b.jsp中 function re

Iframe父页面与子页面之间的调用

原文:Iframe父页面与子页面之间的调用 Iframe父页面与子页面之间的调用 专业词语解释如下:     Iframe:iframe元素是文档中的文档.     window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象.但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口. conte