`
houzhe11
  • 浏览: 143789 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

关于父窗口iframe问题

 
阅读更多
第一种： getElementsByTagName('iframe')[0] 或者getElementById("ifr")

第二种：window.frames['ID'] 或者 window.frames[0]

要想使用iframe内的函数,变量就必须通过第二种方法.因为它取的是一个完整的DOM模型(不知道这样说对不对).第一种方法只是取出了一个OBJECT而已.

如果只想改变iframe的 src 或者 border , scrolling 等 attributes(与property不是一个概念,property是不能写在标签内的,比如:scrollHeight,innerHTML 等),就需要用到第一种方法.getElementsByTagName('iframe') [0].document.documentElement.innerHTML 得到是父页面的内容,得不到IFRAME里的内容，执行不了

如果想取得iframe的页面(不是iframe本身),就需要使用第二种方法,因为它取得的是一个完整的DOM模型,比如想得到iframe的 document.body。   window.frames[i].parent.document.body.innerHTML可以得到 iframe里的内容，当然也可以执行里面的方法。
分享到：
| myeclipse快捷键
评论
发表评论

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

相关推荐

    父窗口调用iframe子窗口方法

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

    子窗口iframe跳转到父窗口

    ### 子窗口iframe跳转到父窗口的知识点详解 #### 一、背景介绍 在现代Web开发中，`iframe`（Inline Frame）是一种常见的技术，用于在当前网页中嵌入另一个网页或文档。通过`iframe`，开发者可以实现丰富的功能，如...

    iframe和父窗口通讯实例

    而关于`iframe`与父窗口之间的通信，是Web开发中的一个重要概念，它允许两个独立的上下文之间进行数据交换，即`iframe`内容与包含它的父页面进行互动。 在`iframe`和父窗口通信的过程中，主要涉及以下几个知识点： ...

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    JavaScript实现IFrame子窗口调用父窗口的全局变量

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

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

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

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

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

    获取父窗口URL地址的方法虽然简单，但在实际操作中需要考虑浏览器安全策略的限制，以及iframe与父窗口之间的同源问题。掌握了这些知识点，开发者就能在框架嵌入的场景中，更好地处理页面间的交互逻辑。

    lightbox在iframe内弹在父窗口上

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

    子窗口与父窗口刷新

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

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

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

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

    然而，在使用iframe时，经常会遇到一个问题：如何在iframe中访问父窗口的元素，或者在父窗口中访问iframe中的元素？本文将对jquery和js调用iframe父窗口与子窗口元素的方法进行整理。 1. jquery在iframe子页面获取...

    子窗口传值到父窗口.rar

    - 如果子窗口是父窗口的一个iframe，可以直接通过`contentWindow`属性访问iframe的内容，进行数据交换。 在实际应用中，选择哪种方法取决于具体需求，比如是否跨域、数据安全性和兼容性等因素。对于较新的浏览器，...

    greybox在Iframe的父窗口弹出

    4. **处理安全性和跨域问题**：由于同源策略的限制，如果Iframe加载的页面与父窗口不在同一个域名下，我们需要使用`postMessage` API进行跨域通信。父窗口需要监听`message`事件，接收Iframe发送的消息，并作出响应...

    iframe 父窗口和子窗口相互的调用方法集锦

    一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name=”myFrame” src=”child.html”></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent....

    禁止iframe脚本弹出的窗口覆盖了父窗口的方法

    然而，在某些情况下，我们可能遇到一个问题：`iframe`内的脚本可能会尝试弹出新的窗口，这可能导致覆盖或替换父窗口的内容。这在用户体验上可能是不期望的，尤其是在跨域安全性和页面控制权方面。本文将探讨如何防止...

    iframe跨域调用父窗口js.zip

    但是，通过特定的技术手段，我们可以实现iframe跨域调用父窗口的JavaScript方法。本教程将详细讲解这一过程。 首先，我们需要了解同源策略。同源策略是浏览器为了保护用户安全而实施的一项机制，它规定只有当两个...

    创建子窗口与子父窗口间通信

    - 子窗口和父窗口可以共享存储在cookies或localStorage、sessionStorage中的数据，但这种方法有数据大小限制和安全性问题。 5. **事件监听和触发：** - 子窗口可以触发一个全局事件，而父窗口通过监听这个事件来...

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

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

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    ### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中，经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能，允许创建...

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