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

 更新时间:2013年12月20日 09:04:27   作者:   我要评论
本篇文章介绍了js与jQuery 获取父窗、子窗的iframe。需要的朋友可以过来参考下,希望对大家有所帮助

在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();

相关文章

  • axios学习教程全攻略

    axios学习教程全攻略

    axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,下面这篇文章主要给大家介绍了axios学习教程的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友下面来一起看看吧。
    2017-03-03
  • 用js闭包的方法实现多点标注冒泡示例

    用js闭包的方法实现多点标注冒泡示例

    这篇文章主要介绍了用js闭包的方法实现多点标注冒泡,需要的朋友可以参考下
    2014-05-05
  • JS返回页面时自动回滚到历史浏览位置

    JS返回页面时自动回滚到历史浏览位置

    这篇文章主要介绍了JS返回页面时自动回滚到历史浏览位置的相关知识,本文给大家使用的是SessionStorage来存储页面内容,在返回页面时重新加载,具体实现代码大家跟随小编一起看看吧
    2018-09-09
  • 值得分享和收藏的Bootstrap学习教程

    值得分享和收藏的Bootstrap学习教程

    这绝对是一套值得分享和大家收藏的Bootstrap学习教程,完整的知识体系,系统的学习资料,帮助大家开启Bootstrap学习之旅,享受Bootstrap带给大家的奇妙乐趣
    2016-05-05
  • Sortable.js拖拽排序使用方法解析

    Sortable.js拖拽排序使用方法解析

    这篇文章主要为大家详细解析了Sortable.js拖拽排序使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 基于JavaScript实现的希尔排序算法分析

    基于JavaScript实现的希尔排序算法分析

    这篇文章主要介绍了基于JavaScript实现的希尔排序算法,简单分析了希尔排序的原理并结合实例形式给出了javascript实现希尔排序的操作步骤与相关注意事项,需要的朋友可以参考下
    2017-04-04
  • js模拟点击以提交表单为例兼容主流浏览器

    js模拟点击以提交表单为例兼容主流浏览器

    我们会常常用到JS的模事件,比如说点击事件,举个简单的例子,点击表单外的“提交”按钮来提交表单,下面为大家介绍下具体的实现
    2013-11-11
  • js实现跨域访问的三种方法

    js实现跨域访问的三种方法

    这篇文章主要介绍了js实现跨域访问的三种方法,包括基于iframe实现跨域、基于script标签实现跨域以及后台代理方式 ,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • Javascript通过控制类名更改样式

    Javascript通过控制类名更改样式

    这篇文章主要介绍了Javascript通过控制类名更改样式,下面来和小编一起来学习吧
    2019-05-05
  • javascript实现des解密加密全过程

    javascript实现des解密加密全过程

    这篇文章主要介绍了javascript 实现des解密加密的过程,需要的朋友可以参考下
    2014-04-04

最新评论