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 相关文章推荐
node.js中的querystring.unescape方法使用说明
Dec 10 Javascript
jquery获取文档高度和窗口高度汇总
Jan 25 Javascript
底部悬浮通栏可以关闭广告位的实现方法
Jun 01 Javascript
原生的强大DOM选择器querySelector介绍
Dec 21 Javascript
angular+bootstrap的双向数据绑定实例
Mar 03 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
Jun 12 Javascript
JS随机排序数组实现方法分析
Oct 11 Javascript
JavaScript 中的12种循环遍历方法【总结】
May 31 Javascript
vue中监听路由参数的变化及方法
Dec 06 Javascript
vue 实现setInterval 创建和销毁实例
Jul 21 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
Jul 29 Javascript
详解JavaScript作用域 闭包
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
使用无限生命期Session的方法
2006/10/09 PHP
PHP 分页类(模仿google)-面试题目解答
2009/09/13 PHP
phpMyAdmin 链接表的附加功能尚未激活的问题
2010/08/01 PHP
PHP APC缓存配置、使用详解
2014/03/06 PHP
基于OpenCart 开发支付宝,财付通,微信支付参数错误问题
2015/10/01 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
获取焦点时,利用js定时器设定时间执行动作
2010/04/02 Javascript
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
jquery datatable后台封装数据示例代码
2014/08/07 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
2014/11/20 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
2016/06/30 Javascript
jQuery Validate插件实现表单验证
2016/08/19 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
Vue computed计算属性的使用方法
2017/07/14 Javascript
vue购物车插件编写代码
2017/11/27 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
2019/08/20 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
Python简单删除列表中相同元素的方法示例
2017/06/12 Python
Python编程实现两个文件夹里文件的对比功能示例【包含内容的对比】
2017/06/20 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
Python 判断 有向图 是否有环的实例讲解
2018/02/01 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
python操作gitlab API过程解析
2019/12/27 Python
CSS3实现复选框动画特效示例代码
2016/09/27 HTML / CSS
检测浏览器是否支持html5视频的代码
2013/03/28 HTML / CSS
荣耀俄罗斯官网:HONOR俄罗斯
2020/10/31 全球购物
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
电子商务专业实习生自我鉴定
2013/09/24 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js