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的最佳方法分享
Oct 21 Javascript
js锁屏解屏通过对$.ajax进行封装实现
Jul 31 Javascript
Flexigrid在IE下不显示数据的有效处理方法
Sep 04 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
Jul 20 Javascript
angularjs创建弹出框实现拖动效果
Aug 25 Javascript
微信小程序实现轮播图效果
Sep 07 Javascript
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
Apr 15 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
浅谈vue权限管理实现及流程
Apr 23 Javascript
动态实现element ui的el-table某列数据不同样式的示例
Jan 22 Javascript
小程序实现筛子抽奖
May 26 Javascript
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中异常处理方法小结
2015/01/09 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
JQuery中$之选择器用法介绍
2011/04/05 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
2013/08/29 Javascript
jquery $(this).attr $(this).val方法使用介绍
2013/10/08 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
JavaScript排序算法之希尔排序的2个实例
2014/04/04 Javascript
JavaScript闭包实例讲解
2014/04/22 Javascript
javascript实现存储hmtl字符串示例
2014/04/25 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
2015/10/15 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
jQuery获得字体颜色16位码的方法
2016/02/20 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
2017/04/27 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
2017/06/01 Javascript
使用JS代码实现俄罗斯方块游戏
2018/08/03 Javascript
总结javascript三元运算符知识点
2018/09/28 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
详解JS函数防抖
2020/06/05 Javascript
微信小程序实现音乐播放页面布局
2020/12/11 Javascript
python 计算两个日期相差多少个月实例代码
2017/05/24 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
测绘工程本科生求职信
2013/10/10 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
优秀会计求职信
2014/07/04 职场文书
工商局领导班子存在的问题整改措施思想汇报
2014/10/05 职场文书
公司租房协议书范本
2014/10/08 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书
圣诞晚会主持词
2015/07/01 职场文书
青年志愿者活动感想
2015/08/07 职场文书
SQL中去除重复数据的几种方法汇总(窗口函数对数据去重)
2023/05/08 MySQL