您现在的位置是:首页 > 其他

李清波 2015-10-19 其他 1871 复制当前网址

AsyncBox iframe

  • 说明:

  • 在使用 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();


文章来源:https://liqingbo.com/blog-996.html

上一篇:asyncbox html

下一篇:asyncbox frameset

评论