`
布衣九久
  • 浏览: 54922 次
  • 性别: Icon_minigender_1
  • 来自: 江苏 无锡
社区版块
存档分类
最新评论

iframe父或子元素的引用

阅读更多
    事先说明,此文转自lhgdlg的作者lghcore.J的博客

    1,如何引用iframe父级页面的函数或者变量?

    2,如何在父级页面中引用iframe中的dom元素?

    闲话少说吧,这两个问题的答案如下:

    1,在iframe中,我们可以利用parent对象引用父级的dom元素,javascript变量或函数.如下:

        parent.document,

        parent.function1,

        parent.variable1,etc.

   2,在父级页面中,我们可以通过window.frames[‘frameName’].document引用到iframe的     document对象,然后通过该对象引用到iframe内部的dom元素.如下:

   var ifDoc=window.frames[‘frameName’].document;

   alert(ifDoc.body.innerHTML);
分享到:
评论

相关推荐

    父窗口调用iframe子窗口方法

    在JavaScript中,可以使用`document.getElementById`或`document.querySelector`来获取`iframe`元素的引用。例如,如果`iframe`的ID为`myIframe`,则代码如下: ```javascript var iframe = document....

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

    JavaScript操作iframe父窗口和子窗口是一种常见的Web开发技术,它涉及到网页交互和页面通信。在Web应用程序中,iframe(Inline Frame)常用于嵌入其他网页或者实现页面的局部刷新,而父窗口与子窗口之间的通信则能...

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

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

    在iframe中调用js父页面和子页面方法

    这里的`parent`是子页面对父页面的引用,`parentFunction`是父页面的全局函数。 2. 不同源情况下,使用`postMessage`和`message`事件: - 子页面发送消息: ```javascript window.parent.postMessage('我是子...

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

    JQuery,作为JavaScript的一个强大库,提供了一些方便的API来操作`iframe`及其内部元素,包括在父页面和子页面之间进行交互。本文将详细介绍如何使用JQuery操作`iframe`以及在父页面和子页面间进行元素和方法的交互...

    demo_DEMO_子页面刷新父页面iframe_

    1. **使用window.parent对象**:在子页面的JavaScript代码中,我们可以访问到`window.parent`对象,它是对父窗口的引用。因此,可以直接调用`window.parent.location.reload()`来刷新父页面。这种方法简单直接,但...

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

    使用`document.frames`对象(在IE中)或`contentDocument`属性(在非IE浏览器如Firefox中)可以访问子窗口的DOM元素。例如,`document.frames("ObjectID").document.getElementById("ContentID")`或`document....

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

    以上就是jQuery和JavaScript调用iframe父窗口与子窗口元素的方法。在实际应用中,要注意跨域问题,如果父页面和iframe的源不同,它们之间的交互可能会受到浏览器同源策略的限制。此外,确保正确引用jQuery库,并且在...

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

    由于`iframe`可能存在于父页面或子页面中,我们首先检查当前页面是否是`iframe`,如果是,则隐藏`iframe`。 注意,由于同源策略的限制,只有当父页面和`iframe`页面位于同一域下时,才能直接通过`window.parent`...

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

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

    iframe 子父界面 传值.zip

    然而,当涉及到`iframe`与主页面之间的数据通信时,就需要使用特定的技术来实现子父界面的传值。本文将深入探讨`iframe`子父界面传值的几种方法和应用实例。 ### 1. JavaScript通信 #### 1.1 `window.parent` `...

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

    这里的`src`属性指定了要加载的子页面,而`name`属性则可以用来引用这个iframe,以便于在JavaScript中进行交互。 当我们想要在iframe中操作父窗口的元素时,可以使用JavaScript的`window.parent`对象。例如,如果...

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

    在Web开发中,有时我们需要在父页面与嵌入的iframe子页面之间进行交互,例如获取子页面中的某些参数或控制子页面的行为。以下将详细介绍如何在父页面中获取子页面参数的方法。 首先,你需要在父页面上创建一个`...

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

    在网页开发中,有时我们需要在`iframe`中与父页面进行交互,比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先,我们来了解一下`iframe`的基本概念。`iframe`(Inline ...

    原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法

    5. 通过获取到的DOM元素引用来对其进行各种操作,例如修改样式、获取内容等。 在子页面中获取父页面中的DOM元素则相对简单一些: 1. 使用window.parent属性来获取到包含该iframe的父页面的window对象。 2. 同样地...

    lightbox在iframe内弹在父窗口上

    `Demo子页面.html`和`Demo.html`可能是示例页面,分别用于演示iframe内的内容和包含iframe的父页面。`images`目录则包含了Lightbox在展示过程中可能需要用到的图像资源,如缩略图、箭头图标等。 总的来说,实现...

    iframe子页面与父页面在同域或不同域下的js通信

    在讨论iframe子页面与父页面间的JavaScript通信时,首先需要理解同域与跨域的概念。同域指的是两个页面的协议、域名和端口完全相同。跨域则是指页面的协议、域名或端口中的一个或多个不同。 在同域环境下,iframe与...

Global site tag (gtag.js) - Google Analytics