`
surpass
  • 浏览: 85767 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery 父子iframe元素的调用

阅读更多

在iframe子页面获取父页面元素
代码如下:

 

$('#objId', parent.document);

 

在父页面 获取iframe子页面的元素
代码如下:

$("#objid",document.frames('iframename').document)
 

分享到:
评论

相关推荐

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

    iframe中的页面通过jQuery在页面加载时调用这两个元素: ```javascript $(function(){ // 在iframe中查找父页面元素 alert($('#default', window.parent.document).html()); // 在iframe中调用父页面中定义的方法...

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

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    layer弹出子iframe层父子页面传值的实现方法

    本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html <!DOCTYPE html> <...

    iframe子父页面调用js函数示例.docx

    如果要在 iframe 子页面中取父页面中的标签中的值,可以使用 `window.parent.document.getElementById("test").value`,或者使用 jQuery 方法: ``` $(window.parent.document).contents().find("test").val(); ``` ...

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

    我们首先通过id选择器“#iframe的ID”选中了iframe元素,然后通过“contents()”方法获取了iframe的文档内容,接着使用“find”方法在iframe的文档内容中查找id为“#iframe中的控件ID”的元素,并调用“click”方法...

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

    总结,通过`jQuery`,我们可以方便地在`iframe`中操作父页面的元素,调用父页面的方法,实现父子页面之间的交互。这在构建复杂多页应用或需要隔离部分功能时非常有用。然而,要注意的是,由于同源策略的限制,`...

    jquery应用子页面在父页面打开

    在这个场景下,"jquery应用子页面在父页面打开"意味着利用jQuery的方法和特性来处理父子页面之间的交互。 首先,我们需要理解基本的HTML框架结构,如`<iframe>`元素,它可以用于在父页面中嵌入子页面。通过设置`src...

    layer弹出层父子页面事件相互调用方法

    为了实现数据的传递,可以通过在父页面中设置iframe的src属性,并在子页面中使用JavaScript获取父页面传递的参数,同时也可以在子页面中操作父页面的DOM元素或调用父页面的方法。 在上述提供的代码片段中,父页面...

    如何实现iframe父子传参通信

    `iframe`的父子通信可以让我们实现不同页面间的交互,无论是同源策略下的非跨域通信,还是需要应对跨域场景。下面我们将详细介绍这两种情况下的实现方式。 ### 非跨域通信 #### 父调子 在非跨域情况下,父页面...

    layui框架中layer父子页面交互的方法分析

    这里使用`parent.$()`实际上是调用了父页面的jQuery对象,从而可以操作父页面的DOM元素。 2. 访问父页面方法: ```javascript var parentMethodValue = parent.getMethodValue(); // 调用父页面的名为'...

    JQ UI 拖拽DIV插件

    1. `window.postMessage`:用于父子iframe之间的安全通信,传递拖拽信息。 2. `event.stopPropagation()`:防止事件在DOM树中继续向上冒泡,避免在iframe之间重复处理事件。 3. `event.preventDefault()`:阻止默认...

    jQuery实现frame之间互通的方法

    - **jQuery操作iframe技巧总结:** 学习如何使用jQuery进行iframe的创建、隐藏、显示、内容加载等操作。 - **jQuery扩展技巧总结:** 探索jQuery的插件机制和自定义扩展方法。 - **jQuery常用插件及用法总结:** ...

    Javascript iframe交互并兼容各种浏览器的解决方法

    - 在Web前端开发中,iframe是用于嵌入其他HTML页面的一个框架元素。尽管它在设计复杂页面时非常有用,但由于浏览器之间的兼容性问题,其内部和外部的交互变得复杂。 - 不同的浏览器对于iframe中的window对象有不同...

    iframe实用操作锦集

    - **从父页面获取子页面数据**:通过`window.frames`对象,可以访问到`iframe`中的`window`对象,进而获取或修改其中的元素值。 ```javascript var i1 = window.frames['iframeId']; var val = i1.document....

    lhgDialog-4.2.0.zip

    - **父子页面交互**:在iframe环境下,lhgDialog可以方便地让子页面操作父页面的document值,实现数据传递和状态同步。 4. **对话框类型** - **警告对话框**:通过设置`alert`属性,创建只包含“确定”按钮的警告...

    js克隆对象、数组的常用方法介绍

    本文将介绍几种在JavaScript中常用的对象和数组克隆方法,并讨论在涉及iframe父子窗口交互时需要注意的问题。 1. ExtJS的克隆方法 ExtJS是一个基于JavaScript的框架,它提供了一些工具函数用于处理数据操作,包括...

Global site tag (gtag.js) - Google Analytics