说明:
在使用 AsyncBox 的过程中也会遇到在 iframe 中调用的情况,AsyncBox 在本域跨 iframe 调用的实现上也相当简单。
调用:
父页面引用 AsyncBox 插件后,在子页面里调用插件的时候在调用 AsyncBox 或者 $ 前面加 top 或者 parent。
简介:
【需知】如果你对 top、parent 不理解就先看看下面的参考文献吧。
- 什么是 top?
└ 返回最顶层的先辈窗口。
└ 例如:在应用有 frameset 或者 iframe 的页面时,top 是最顶层父窗口(有的窗口中套了好几层 frame 或者 iframe )。
- 什么是 parent?
└ 返回父窗口。
└ 例如:在一个页面中只有一个 iframe 的时候 parent 就是子页面的父级页面。
top 和 parent 基于 window 对象。
AsyncBox 代码:
子页面中使用 AsyncBox:
parent.asyncbox.alert('Hello AsyncBox !');
孙页面中使用 AsyncBox:
top.asyncbox.alert('Hello AsyncBox !');
子页面中使用 AsyncBox 中默认的按钮配置:
top.$.btn.OKCANCEL;
子页面调用父页面里的函数:
parent.fun();
子页面调用父页面里文本框的内容:
//jQuery $('#P_text',parent.document).val(); //javascript parent.document.getElementById('text_id').value;
跨 iframe 相互调用请参考“辅助函数”中的 $.iframe();