`

父窗口中获取iframe中的元素

阅读更多

js

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

1.

Js代码  收藏代码
  1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();  
  2. 实例:window.frames["ifm"].document.getElementById("btnOk").click();  

 2.

Java代码  收藏代码
  1. 格式:  
  2. var obj=document.getElementById("iframe的name").contentWindow;  
  3. var ifmObj=obj.document.getElementById("iframe中控件的ID");  
  4. ifmObj.click();  
  5. 实例:  
  6. var obj=document.getElementById("ifm").contentWindow;  
  7. var ifmObj=obj.document.getElementById("btnOk");  
  8. ifmObj.click();  

 在iframe中获取父窗口的元素

Js代码  收藏代码
  1. 格式:window.parent.document.getElementById("父窗口的元素ID").click();  
  2. 实例:window.parent.document.getElementById("btnOk").click();  

 

jquery

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

1.

Js代码  收藏代码
  1. 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1  
  2. 实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1  (有效20180319)

2.

Js代码  收藏代码
  1. 格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2  
  2. 实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2  

 在iframe中获取父窗口的元素

Js代码  收藏代码
  1. 格式:$('#父窗口中的元素ID', parent.document).click();  
  2. 实例:$('#btnOk', parent.document).click();  //亲测有效2018-1-23

 

分享到:
评论

相关推荐

    父窗口调用iframe子窗口方法

    在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...

    jquery、js调用iframe父窗口与子窗口元素的方法整理.docx

    在这种情况下,需要从iframe中获取父窗口的导航栏元素,以便实现购物车的添加和删除功能。 此外,jquery和js调用iframe父窗口与子窗口元素的方法还可以应用于其他领域,如在线游戏、视频播放器等。jquery和js调用...

    子窗口iframe跳转到父窗口

    可以在表单元素中设置`target`属性为`_top`,这样表单提交后就会刷新整个父窗口。 ```html 目标URL" method="post" target="_top"> <!-- 表单内容 --> ``` 这种方式的优点是不需要额外的JavaScript代码,但是只...

    HTML中IFrame父窗口与子窗口相互操作

    以下将详细介绍如何在HTML中进行`<iframe>`父窗口与子窗口之间的交互操作。 首先,我们来看一些通用的方法: 1. **获取子窗口的值**: 使用`document.frames`对象(在IE中)或`contentDocument`属性(在非IE浏览...

    js实现ifram取父窗口URL地址的方法

    这一过程利用了JavaScript中的window.parent对象,它是iframe元素与父窗口之间的桥梁。 首先,理解window对象在JavaScript中的地位非常关键。window对象代表了浏览器中的一个窗口或一个标签页,它包含有关窗口的...

    Jquery调用iframe父页面中的元素及方法

    首先,需要明确iframe元素可以被视为一个小型的浏览器窗口,它有自己的文档对象模型(DOM)。要与iframe中的DOM交互,需要通过iframe的window属性来访问。iframe的window属性实际上指向的是iframe内容的window对象。...

    JavaScript操作iframe父窗口和子窗口例子

    - iframe元素用于在网页中嵌入另一个HTML文档。其`src`属性指定要加载的HTML文件的URL。 - 通过`iframe`的`id`或`name`属性,JavaScript可以引用并操作该iframe。 2. **访问iframe中的内容**: - `document....

    JQUERY 获取IFrame中对象及获取其父窗口中对象示例

    在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 在父窗口中获取iframe中的元素 格式:$(“#iframe的ID”).contents().find(“#iframe中的控件ID...

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

    ### JavaScript与jQuery获取父窗口与子窗口中的iframe详解 #### 一、引言 在Web开发过程中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在网页中嵌入另一个HTML文档。它允许开发者在一个页面中展示多个...

    Jquery取得Iframe中元素的几中方法

    - **使用 jQuery**:在 iframe 中,你可以用相同的逻辑来选取父窗口中的元素,如 `$(window.parent.document).find(":text")` 选取父窗口中的所有文本输入框。 3. **具体操作示例** - **选中单选按钮**:在父...

    jquery、js调用iframe父窗口与子窗口元素的方法整理

    在网页开发中,有时我们需要在不同的窗口或者框架之间进行交互,比如在iframe子窗口操作父窗口的元素,或者反之。本文将详细介绍如何使用jQuery和JavaScript来实现这种跨窗口的元素操作。 1. **jQuery在iframe子...

    子窗口与父窗口刷新

    这里的"子窗口"通常指的是弹出的窗口、框架或者iframe,而"父窗口"则是打开子窗口的那个主页面。在这样的场景下,用户在子窗口中操作并提交数据后,可能希望父窗口能即时显示最新的数据,而不是手动刷新整个页面。...

    关于iframe中生成父窗口元素及增加event事件的问题(IE已实现,Firefox暂未实现)

    本问题聚焦于在iframe中操作父窗口的元素以及添加事件监听,特别是针对IE和Firefox浏览器的不同实现。 首先,我们需要理解iframe的基本用法。在HTML中,我们可以通过`<iframe>`标签来创建一个内联框架。例如: ```...

    lightbox在iframe内弹在父窗口上

    在提及的"Lightbox在iframe内弹在父窗口上"的话题中,我们讨论的是如何在嵌入的iframe框架内部触发Lightbox效果时,使其能够跨越iframe边界,直接在父窗口中展示。 Lightbox通常与JavaScript库如jQuery结合使用,...

    父页面得到iframe的数据和iframe页面得到父页面的数据.txt

    在iframe子页面中,可以通过`window.parent`对象访问父窗口,进而获取或操作父页面的DOM元素。 #### 使用纯JavaScript访问父页面元素 使用纯JavaScript,可以通过`window.parent.document.getElementById`方法来...

    使用jquery/js获取iframe父子级、同级获取元素的方法

    在使用iframe时,我们常常需要获取iframe中的元素,或者在iframe中获取父窗口的元素。这种需求的解决方法主要可以借助JavaScript和jQuery来实现。 首先,我们来看如何在父窗口中获取iframe内的元素。如果iframe设置...

    iframe子页面获取父页面元素的方法

    在网页开发中,有时我们需要在`iframe`子页面与父页面之间进行交互,例如获取或操作对方的DOM元素。这通常涉及到跨文档通信,因为`iframe`子页面被视为一个独立的文档,它有自己的窗口对象和文档对象模型(DOM)。...

    在Iframe中获取父窗口中表单的值(示例代码)

    当我们需要在Iframe中操作或访问父窗口中的元素时,就会涉及到跨域安全问题以及DOM(Document Object Model)的交互。 本示例中,我们有一个包含表单的主页面,表单名为`frm`,其中有一个输入框`BH`。Iframe中加载...

Global site tag (gtag.js) - Google Analytics