js与jQuery 获取父窗、子窗的iframe


Posted in Javascript onDecember 20, 2013

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素

js

在父窗口中获取iframe中的元素

1、

格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();

实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click();

2、

格式:

var obj=document.getElementByIdx_x("iframe的name").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");

ifmObj.click();

实例:

var obj=document.getElementByIdx_x("ifm").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("btnOk");

ifmObj.click();

在iframe中获取父窗口的元素

格式:window.parent.document.getElementByIdx_x("父窗口的元素ID").click();

实例:window.parent.document.getElementByIdx_x("btnOk").click();

jquery

在父窗口中获取iframe中的元素

1、

格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1

实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1

2、

格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2

实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2

在iframe中获取父窗口的元素

格式:$('#父窗口中的元素ID', parent.document).click();

实例:$('#btnOk', parent.document).click();

Javascript 相关文章推荐
Dom加载让图片加载完再执行的脚本代码
May 15 Javascript
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
Dec 09 Javascript
jquery 年会抽奖程序
Dec 22 Javascript
js 页面元素的几个用法总结
Nov 18 Javascript
js实现仿京东2级菜单效果(带延时功能)
Aug 27 Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
实现div内部滚动条滚动到底部和顶部的代码
Nov 15 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
Jan 03 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
Jul 19 Javascript
调用HttpHanlder的几种返回方式小结
Dec 20 #Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 #Javascript
jquery prop的使用介绍及与attr的区别
Dec 19 #Javascript
js获取select选中的option的text示例代码
Dec 19 #Javascript
js 高效去除数组重复元素示例代码
Dec 19 #Javascript
无闪烁更新网页内容JS实现
Dec 19 #Javascript
javascript中字符串的定义示例代码
Dec 19 #Javascript
You might like
php 学习资料零碎东西
2010/12/04 PHP
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
JavaScript中实现块作用域的方法
2010/04/01 Javascript
20个最新的jQuery插件
2012/01/13 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
javascript:文字不间断向左移动的实例代码
2013/08/08 Javascript
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
深入理解Angular.JS中的Scope继承
2017/06/04 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
2018/03/20 Javascript
jQuery插件实现的日历功能示例【附源码下载】
2018/09/07 jQuery
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
2019/05/07 Javascript
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
2020/08/31 Javascript
Python易忽视知识点小结
2015/05/25 Python
利用Tkinter和matplotlib两种方式画饼状图的实例
2017/11/06 Python
基于Python中capitalize()与title()的区别详解
2017/12/09 Python
Python输出\u编码将其转换成中文的实例
2018/12/15 Python
详解Python计算机视觉 图像扭曲(仿射扭曲)
2019/03/27 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
python内存管理机制原理详解
2019/08/12 Python
如何将 awk 脚本移植到 Python
2019/12/09 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
Python 如何在字符串中插入变量
2020/08/01 Python
重构Python代码的六个实例
2020/11/25 Python
大学生如何写自荐信
2014/01/08 职场文书
如何写好自荐信
2014/04/07 职场文书
领导班子民主生活会整改措施(工商局)
2014/09/21 职场文书
2015年上半年信访工作总结
2015/03/30 职场文书
慰问信(范文3篇)
2019/10/23 职场文书
PHP实现两种排课方式
2021/06/26 PHP