jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法


Posted in Javascript onAugust 05, 2016

本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法。分享给大家供大家参考,具体如下:

我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法,这时候我们就可以使用以下方法来实现。

具体实现代码如下所示:

function getTabWindow() {
  var curTabWin = null;
  var curTab = parent.$('#main-center').tabs('getSelected');
  if (curTab && curTab.find('iframe').length > 0) {
    curTabWin = curTab.find('iframe')[0].contentWindow;
  }
  return curTabWin;
}

调用方式:

1、调用当前Tab中iframe窗体的testMth方法:

getTabWindow().testMth();

2、设置当前Tab中iframe窗体的<span id="testPanel"></span>的内容:

getTabWindow().$('#testPanel').html('我是设置的内容!!!');

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript让setInteval里的函数参数中的this指向特定的对象
Jan 31 Javascript
JS代码放在head和body中的区别分析
Dec 01 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
Dec 17 Javascript
使用js实现一个可编辑的select下拉列表
Feb 20 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
Mar 06 Javascript
jquery中ready()函数执行的时机和window的load事件比较
Jun 22 Javascript
jQuery Validation Plugin验证插件手动验证
Jan 26 Javascript
JS实现字符串转驼峰格式的方法
Dec 16 Javascript
jQuery实现弹出窗口弹出div层的实例代码
Jan 09 Javascript
微信小程序自定义波浪组件使用方法详解
Sep 21 Javascript
微信小程序实现简单的select下拉框
Nov 23 Javascript
vue3中provide && inject的使用
Jul 01 Vue.js
js实现精确到毫秒的倒计时效果
Aug 05 #Javascript
jQuery实现Select左右复制移动内容
Aug 05 #Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
Aug 05 #Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 #Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
Aug 05 #Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
Aug 05 #Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 #Javascript
You might like
php中如何防止表单的重复提交
2013/08/02 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
php flush无效,IIS7下php实时输出的方法
2016/08/25 PHP
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
asp(javascript)全角半角转换代码 dbc2sbc
2009/08/06 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
详解angular应用容器化部署
2018/08/14 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
从理论角度讨论JavaScript闭包
2019/04/03 Javascript
vue中使用element组件时事件想要传递其他参数的问题
2019/09/18 Javascript
解决Antd Table组件表头不对齐的问题
2020/10/27 Javascript
vue el-upload上传文件的示例代码
2020/12/21 Vue.js
[49:27]LGD vs OG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[03:11]不朽宝藏三外观展示
2020/09/18 DOTA
python如何获取服务器硬件信息
2017/05/11 Python
Python机器学习之决策树算法实例详解
2017/12/06 Python
python实现换位加密算法的示例
2018/10/14 Python
python文件写入write()的操作
2019/05/14 Python
Python发展史及网络爬虫
2019/06/19 Python
如何在python中实现随机选择
2019/11/02 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
python标准库OS模块详解
2020/03/10 Python
python3 kubernetes api的使用示例
2021/01/12 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
俄罗斯金苹果网上化妆品和香水商店:Goldapple
2019/12/01 全球购物
介绍一下linux的文件权限
2014/07/20 面试题
小学教师的个人自我鉴定
2013/10/24 职场文书
自我鉴定怎么写
2014/01/12 职场文书
社区端午节活动方案
2014/01/28 职场文书
热爱祖国演讲稿
2014/05/04 职场文书
2014向国旗敬礼网上签名活动总结
2014/09/27 职场文书
挂靠协议书
2015/01/27 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
2016年中秋祝酒词
2015/11/26 职场文书