iframe 父页面调用子页面方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe 父页面调用子页面方法相关的知识,希望对你有一定的参考价值。

a.html父页面 <iframe id="myFrame" src ="b.html">
b.html子页面 show();
a.html 里调用 show()方法
尽量用jquery写法,求教

iframe 父页面调用子页面方法:
parent.frames["frameName"].window.functionName();
frameName:IFrame的ID;
funtionName:子页面中JS方法名;
var obj = parent.frames["frameName"].window;
在父页面访问子页面中某个控件如:obj.document.getElementByIdx_x(\'clientID\')
子页面刷新父页面:top.window.location.replace(Url);
参考技术A window.frames["myFrame"].show();
如果不行的话把iframe添加 name=“myFrame” 。我忘记里面需要的是哪个属性了
参考技术B child.window.show();追问

child是 iframe?写法具体点
$("#myFrame").window.show(); ? 不好使。

追答

抱歉忘记说了 child是的name值

本回答被提问者采纳

jqueryjs调用iframe父窗口与子窗口元素的方法整理

1. jquery 在iframe子页面获取父页面元素代码如下:

  $("#objid", parent.document);

2. jquery在父页面 获取iframe子页面的元素

  $("#objid",document.frames(‘iframename‘).document);

3.js 在iframe子页面获取父页面元素代码如下:

  window.parent.document.getElementByIdx_x("元素id");

4.js 在父页面获取iframe子页面元素代码如下:

  window.frames["iframe_ID"].document.getElementByIdx_x("元素id");

5.子类iframe内调用父类函数:

  window.parent.func();

以上是关于iframe 父页面调用子页面方法的主要内容,如果未能解决你的问题,请参考以下文章

iframe调用子页面按子页面的内容自动调整高度

iframe子页面调用父页面javascript函数的方法

iframe页面父页面与子页面之间相互进行数据传送及方法调用

父页面调用iframe子页面js方法

iframe子页面在跨域情况下使用父页面的方法

在iframe中如何调用父窗体的方法?