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 相关文章推荐
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
JavaScript 验证码的实例代码(附效果图)
Mar 22 Javascript
jQuery的deferred对象详解
Nov 12 Javascript
兼容主流浏览器的JS复制内容到剪贴板
Dec 12 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
ES6所改良的javascript“缺陷”问题
Aug 23 Javascript
jQuery解析XML 详解及方法总结
Sep 28 Javascript
Vue filters过滤器的使用方法
Jul 14 Javascript
使用canvas进行图像编辑的实例
Aug 29 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
Dec 12 Javascript
Vue $emit()不能触发父组件方法的原因及解决
Jul 28 Javascript
vuex管理状态仓库使用详解
Jul 29 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中的正则表达式以及模式匹配
2013/06/19 PHP
php数组索引的Key加引号和不加引号的区别
2014/08/19 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
PHP模拟http请求的方法详解
2016/11/09 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
2017/07/10 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
PHP实现的微信APP支付功能示例【基于TP5框架】
2019/09/16 PHP
深入浅析安装PhpStorm并激活的步骤详解
2020/09/17 PHP
JavaScript 打地鼠游戏代码说明
2010/10/12 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
JS实现图片局部放大或缩小的方法
2016/08/20 Javascript
Bootstrap基本组件学习笔记之导航(10)
2016/12/07 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
2017/03/13 Javascript
js指定步长实现单方向匀速运动
2017/07/17 Javascript
解决Nodejs全局安装模块后找不到命令的问题
2018/05/15 NodeJs
vue超时计算的组件实例代码
2018/07/09 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
2020/05/06 Javascript
uniapp,微信小程序中使用 MQTT的问题
2020/07/11 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
Python实现周期性抓取网页内容的方法
2015/11/04 Python
python利用不到一百行代码实现一个小siri
2017/03/02 Python
分享6个隐藏的python功能
2017/12/07 Python
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
Django中如何防范CSRF跨站点请求伪造攻击的实现
2019/04/28 Python
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
文秘自荐信
2013/10/20 职场文书
经典公益广告词
2014/03/13 职场文书
访谈节目策划方案
2014/05/15 职场文书
同学聚会邀请函
2015/01/30 职场文书
python3使用diagrams绘制架构图的步骤
2021/04/08 Python
DSP接收机前端设想
2022/04/05 无线电