你的位置:首页 > 软件开发 > Java > 拥有iframe页面的子父类窗口调用JS的方法,并且注意的事项

拥有iframe页面的子父类窗口调用JS的方法,并且注意的事项

发布时间:2015-08-25 12:00:18
一、前言 我页面用的是EasyUI的弹出窗口里面嵌入一个iframe。第一:父窗口打开子窗口是一个新增用户信息的iframe子页面,点击保存后,子窗口iframe则去调用父窗口的function closeAddWindow()方法,让父窗口去关闭新 ...

一、前言

      我页面用的是EasyUI的弹出窗口里面嵌入一个iframe。第一:父窗口打开子窗口是一个新增用户信息的iframe子页面,点击保存后,子窗口iframe则去调用父窗口的function closeAddWindow()方法,让父窗口去关闭新增页面;第二:父窗口打开一个设置用户权限的iframe子窗口,首先打开这个子窗口会全部加载数据库表中所有的存在的权限,然后子窗口需要把加载的权限信息拼接html  Append到一个ID为<table id="tb"></table>上,这里有个问题就是父窗口打开子窗口加载所有权限后根本无法把html 追加到id="tb"的表格上,这个原因很简单,因为父窗口调用子窗口加载所有权限信息的后,没有找到表格元素,因为子页面还没有完全加载完成,这种情况处理在这里也介绍了,给iframe注册一个onload事件,等加载完成后再去调用追加的方法。好了,简单到这里,让我们瞧瞧更多的事例吧!!~~~~~~(*^__^*) 嘻嘻……

二、iframe子父窗口方法调用

2.1语法使用

1、父窗口嵌入iframe   <iframe id='myFrame' name="myFrame" src='/images/loading.gif' data-original="FChild.html" width='100%' height='100%' frameborder='0'></iframe>

2、父窗口调用子窗口方法   myFrame.window.sonMethod();

3、子窗口调用父窗口方法    parent.fatherMethod();

4、兼容浏览器的iframe 加载完成方法

   if (myFrame.attachEvent) {

原标题:拥有iframe页面的子父类窗口调用JS的方法,并且注意的事项

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。