`
ch_kexin
  • 浏览: 902794 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

用 jQuery 获取 iframe 父页面元素

 
阅读更多
方法一：
$("#父窗口元素ID",window.parent.document);
对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID")；
取父窗口的元素方法：$(selector, window.parent.document);
那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.document);
方法二：
$(window.parent.document).find(selector);
方法三：
$("").parent().find("");
分享到：
| iframe 在子窗体中访问并控制父窗体中对象
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    因此，这里提到的方法和实例都基于同源策略，即父页面和iframe页面属于同一域名。如果尝试在不同源的iframe中操作元素，将会遇到跨域访问限制，这是由浏览器的安全机制决定的。 在具体实现上，我们可以使用jQuery...

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

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

    JQuery操作iframe父页面与子页面的元素与方法(实例讲解)

    JQUERY IFRAME下面简单使用Jquery来操作iframe的一些...第三、在iframe中调用父页面中定义的方法和变量：parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码如下:<html>[removed]</sc

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

    4. js在父页面获取iframe子页面元素 在js中，可以使用以下代码来获取iframe子页面的元素： ``` window.frames["iframe_ID"].document.getElementById("元素id"); ``` 其中，`iframe_ID`是iframe的id，`元素id`是要...

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

    知识点如下： 1. jQuery的跨iframe元素操作： jQuery提供了一种机制可以操作...以上知识点涵盖使用jQuery操作iframe父级页面元素时需要注意的多个方面，包括操作方法、安全策略、浏览器兼容性及代码实践的最佳做法。

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

    #### 使用jQuery获取iframe内的元素 在jQuery中，可以通过`contents()`方法访问iframe内部的DOM树。例如，要获取iframe内id为`form1`的表单内容，可以使用以下代码： ```javascript $(document).ready(function(){...

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

    // 使用jQuery获取iframe中的元素 function getIframeElementByjQuery1(id) { // 获取iframe的ID var iframeId = "ifm"; // 获取iframe中的元素 return $("#" + iframeId).contents().find("#" + id); } // ...

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

    // 在父页面中获取iframe子页面的元素 // 假设iframe的ID是'iframeId' var iframe = document.getElementById('iframeId'); var childElement = $('#objid', iframe.contentWindow.document); ``` 这里，`iframe....

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

    1. **在`iframe`子页面获取父页面元素**： ```javascript $('#objId', parent.document); ``` 这个例子中，`parent.document`代表父页面的文档对象，通过它我们可以选择父页面中特定ID的元素。 2. **在父页面...

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

    - **在父窗口中操作iframe中的元素**：如果在父窗口中操作iframe内的元素，可以使用`$("#iframeId", window.parent.document).find("#elementId")`来获取iframe中id为`elementId`的元素。 ### iframe操作父窗口中的...

    利用JQuery操作iframe父页面、子页面的元素和方法汇总

    4. **JavaScript 在父页面获取iframe子页面元素**： ```javascript window.frames["iframe_ID"].document.getElementById('元素id') ``` `window.frames`是一个数组，包含了页面中所有的`frame`和`iframe`，可以...

    iframe父页面与子页面通信及相互调用方法

    - **`$(selector).contents().find()`**：使用jQuery选择器获取子页面中的元素。 - **`.load()`事件**：监听子页面的加载完成事件，以便在子页面加载后执行某些操作。 - **`.on()`和`.off()`**：在子页面上绑定或...

    iframe父页面获取子页面参数的方法

    标题和描述所提及的是一个具体示例，展示了如何从父页面获取`iframe`子页面中特定输入元素的值，这里我们将深入探讨这个过程以及相关的知识点。 首先，让我们了解`iframe`的基本概念。`iframe`（Inline Frame）是...

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

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

    jQuery获取iframe的document对象的方法

    为了实现这样的功能，我们需要首先获取到`iframe`的`document`对象，因为`document`对象是HTML文档的根节点，提供了访问和操作页面元素的接口。本篇文章将详细介绍如何在jQuery中获取`iframe`的`document`对象，并...

    JQueryiframe页面操作父页面中的元素与方法(实例讲解)

    1）在iframe中查找父页面元素的方法：$(‘#id’, window.parent.document) 2）在iframe中调用父页面中定义的方法和变量：parent.methodparent.value 3）实例 1.父页面 代码如下:<%@ Page Language=”C#” ...

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

    在提供的压缩包文件中，"jquery_点击按钮_隐藏父页-引用页的iframe"可能包含了示例代码或演示页面，你可以参考这些资源来进一步理解和实践上述步骤。通过熟练掌握`jQuery`的用法，你可以创建出更多复杂且富有交互性...

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics