`

Js/Jquery获取iframe中的元素

 
阅读更多
jquery
在父窗口中获取iframe中的元素
var num1 = $(window.frames["mainFrame"].document).find("#num1").val();  子窗体name值
var num1 = $("#mainFrame").contents().find("#num1").val();子窗体id值

---------------------------------------------------------------------------------
以下是转载:
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。
js
在父窗口中获取iframe中的元素
1.
格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
实例:window.frames["ifm"].document.getElementById("btnOk").click();
2.
格式:
var obj=document.getElementById("iframe的name").contentWindow;
var ifmObj=obj.document.getElementById("iframe中控件的ID");
ifmObj.click();
实例:
var obj=document.getElementById("ifm").contentWindow;
var ifmObj=obj.document.getElementById("btnOk");
ifmObj.click();
在iframe中获取父窗口的元素
格式:window.parent.document.getElementById("父窗口的元素ID").click();
实例:window.parent.document.getElementById("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();
分享到:
评论

相关推荐

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

    #### 三、jQuery获取iframe元素的方法 ##### 3.1 在父窗口中获取iframe中的元素 jQuery提供了更为简洁的方法来处理DOM操作,包括对`iframe`的访问: **方法一:** ```javascript // 使用jQuery获取iframe中的元素 ...

    Jquery方式获取iframe页面中的 Dom元素

    为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。...理解并掌握jQuery获取iframe DOM的方法,对于Web开发人员来说是十分有用的技能,能够帮助他们构建更加丰富和动态的网页交互体验。

    解析Jquery取得iframe中元素的几种方法

    在Web开发中,iframe元素被用来在当前页面内嵌另一个页面,这对于包含第三方内容、页面布局等场景非常有用。然而,操作iframe中的内容比操作普通HTML元素要复杂一些,尤其是在不同源的情况下。jQuery,一个快速且...

    jQuery取得iframe中元素的常用方法详解

    在网页开发中,有时我们需要操作或获取嵌套在`iframe`中的HTML元素,这在JavaScript和jQuery中都可以实现。本文将详细讲解如何使用jQuery来取得`iframe`中元素的方法。 首先,我们要明确一点:跨域的`iframe`是无法...

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

    当涉及到在页面中嵌入 iframe (内联框架) 的情况时,jQuery 提供了一些方法来帮助我们方便地访问和操作 iframe 中的元素。本文将详细探讨如何使用 jQuery 在父窗口和 iframe 之间进行交互。 1. **父窗口操作 iframe...

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

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

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

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

    jQuery获取iframe的document对象的方法

    本篇文章将详细介绍如何在jQuery中获取`iframe`的`document`对象,并探讨相关的应用和注意事项。 ### 1. 获取`iframe`的`document`对象 如标题和描述所述,获取`iframe`的`document`对象通常是为了进行DOM操作。在...

    Jquery实现iframe功能

    接下来,我们需要创建一个iframe元素。在HTML中,我们可以这样定义: ```html <iframe id="myIframe" src="" width="100%" height="500"></iframe> ``` 这里的id属性“myIframe”用于后续jQuery选择器定位该iframe。...

    jquery点击按钮隐藏父页和引用页的iframe

    接下来,假设你有一个`iframe`元素,其`id`为`myIframe`,你可以在`iframe`内的子页面中编写JavaScript代码来响应按钮点击事件,并触发隐藏`iframe`的操作。在子页面的`<body>`标签中,添加一个按钮元素,并为其绑定...

    jquery.PrintArea.js-2.4.0-打印功能.rar

    jQuery PrintArea.js是一款轻量级的JavaScript插件,它基于jQuery库,专为网页打印设计。通过简单的API调用,开发者可以快速设置打印区域,避免用户打印不必要的网页元素,提高用户体验。该插件在2.4.0版本中,优化...

    jQuery判断iframe中元素是否存在的方法

    要使用`jQuery`判断`iframe`中的元素是否存在,我们需要先获取`iframe`的`window`对象和`document`对象,然后像操作主页面的DOM一样操作`iframe`的DOM。以下是一个示例代码: ```javascript // 代码如下 var iframe...

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

    在jquery中,可以使用以下代码来获取iframe子页面的元素: ``` $("#objid", document.frames('iframename').document) ``` 其中,`iframename`是iframe的名称,`objid`是要获取的元素的id。 3. js在iframe子页面...

    jquery 查找iframe父级页面元素的实现代码

    1. jQuery的跨iframe元素操作: jQuery提供了一种机制可以操作iframe中的DOM元素。通常情况下,因为浏览器的同源策略,我们无法跨域访问iframe中的内容。但是,在同一域内,我们可以通过jQuery来操作iframe中的页面...

    jquery对iframe自适应高度插件

    2. **高度计算**:通过DOM操作获取`iframe`的子元素高度,确保包括了所有可视内容。 3. **动态调整**:将计算出的高度应用于`iframe`的样式,设置其`height`属性,从而实现自适应。 4. **重试机制**:考虑到某些情况...

    用jquery实现iframe高度自适应实例代码完美兼容多数浏览器

    在这个示例中,我们首先在`$(document).ready`函数中定义了一个`resizeIframe`方法,它会获取`iframe`的`contentWindow`和`contentDocument`,然后计算其内部`body`元素的高度,并设置为`iframe`的高度。这样,无论`...

    使用jQuery和ajax代替iframe的方法(详解)

    使用jQuery和ajax代替iframe的主要方法在于:通过JavaScript动态地获取外部HTML内容,并将其插入到当前页面的指定容器中。这种做法可以保持页面的整体一致性,同时避免iframe带来的问题。 具体操作步骤如下: 1. ...

Global site tag (gtag.js) - Google Analytics