父窗口与子窗口调用
来源:互联网 发布:js 多选框选中 编辑:程序博客网 时间:2024/06/01 15:48
在使用iframe标签的时候,难免会需要在父窗口调用子窗口中的js方法;子窗口调用父窗口的方法;兄弟窗口之间方法调用,所以,稍微整理一下这方面的内容。
父窗口调用子窗口中的方法
1、父窗口中的iframe标签,id为childFrm。
<iframe id="childFrm" name="childFrm" width="100%" scrolling="no" frameborder="0" onload="" height="750px" style=""></iframe>
2、子窗口中包含的方法
function aaa(){ alert(“父窗口调用子窗口的测试方法”);}
3、父窗口中的调用函数为
function test(){ childFrm.window.aaa(); }
如果是多个子窗口的话,通过id来获取
1、document.getElementById("childFrm").contentWindow.aaa();2、//用jQuery的话需要加[0]$("#childFrm")[0].contentWindow.aaa();
子窗口调用父窗口的方法
1、父窗口包含的方法
function test(){ alert("test");}
2、子窗口调用方法
function childtest(){ window.parent.test();}
兄弟窗体间调用方法
同级iframe页面之间调用,需要先得到父亲的window,然后调用同级的iframe得到window进行操作;
parent.$("#childFrm")[0].contentWindow.ff;
传递参数到子窗体
子窗体childFrm中存在一个hellobaby参数的话,在父窗体可以用下面方法来实现传参
$("#childFrm")[0].contentWindow.hellobaby="test"; //可以通过这种方式向iframe页面传递参数,在iframe页面window.hellobaby就可以获取到值,hellobaby是自定义的变量;
0 0
- 父窗口与子窗口调用
- 子窗口调用父窗口
- js子窗口与父窗口的调用
- js子窗口与父窗口的调用
- 父窗口调用子窗口的值
- 父窗口调用iframe子窗口方法
- Chrome 父窗口调用子窗口函数
- 父窗口调用子窗口的按钮
- 父窗口调用子窗口的按钮
- 父窗口调用iframe子窗口方法
- Qt 代码: 子窗口调用父窗口
- 子窗口调用父窗口方法
- 父窗口调用iframe子窗口方法
- 父窗口与子窗口交互
- VC子窗口与父窗口通信
- 父窗口与子窗口的操作
- flex 父窗口与子窗口通信
- Iframe父窗口与子窗口
- 同步屏障CyclicBarrier
- 【排序】洛谷 P1104 生日
- 容器的功能
- android LayoutInflater类的理解及用法
- java 多线程小例子2
- 父窗口与子窗口调用
- 牛顿迭代法求平方根
- 驱动调试之printk的原理
- USB HID简介??????
- Oracle12c多租户如何连接到CDB或PDB、CDB与PDB容器切换
- github干货地址分享
- Android Log
- BLE HID简介
- 机器学习