`

IFRAME中获取及改变父窗口元素(兼容FIREFOX)

 
阅读更多

主页面ifmain.htm:

<table width="60%" border="0"><tbody>
<tr>
    <td>演示:</td>
    <td><input name="demo" id="demo" type="text" size="40" maxlength="255" value="default" /></td>
</tr>
<tr>
    <td>IFRAME:</td>
    <td><iframe id="upframe" width="100%" height="36" frameborder="0" scrolling="no" src="if.htm" /></iframe></td>
</tr>
</tbody></table>

 

 

IFRAME页面if.htm:

<script>function change(){alert("原始值:"+parent.document.getElementById("demo").value);parent.document.getElementById("demo").value="成功改变";}</script>
<input name="test" type="button" onclick="change()" value="改变" />

IE里很随便的。。到了FIREFOX里id="demo"这个一定也要加上,不然就用getElementByName吧。。
一开始没加还以为写错语句了。。

 

转载地址:http://hi.baidu.com/outofthinking/item/bc2d904ac26b2dea1f19bc5a

分享到:
评论

相关推荐

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

    本文将深入探讨在`iframe`中生成父窗口元素以及如何在`iframe`内触发父窗口的事件,特别是针对IE和Firefox的差异。 首先,让我们了解`iframe`的基本用法。`iframe`通过`src`属性指定要加载的HTML文档,例如: ```...

    Chrome下ifame父窗口调用子窗口的问题示例探讨

    总之,在处理Chrome下的`iframe`父窗口调用子窗口问题时,应当注重浏览器兼容性,优先选用在多数浏览器中表现一致的`frames`数组方法。同时,对于跨域问题,需了解并应用相应的解决策略,如`postMessage`通信。在...

    获取iframe值 文件下载

    本文详细介绍了如何在父窗口中操作`iframe`内部元素的方法,并特别关注了兼容IE和Firefox浏览器的问题。通过上述示例代码,我们可以看到,只要合理利用JavaScript提供的API,并考虑到不同浏览器之间的差异,就能实现...

    iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)

    "iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...

    Iframe高度自适应(兼容IE/Firefox、同域/跨域)

    "Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...

    IFrame中Session丢失的解决办法

    这种结构可能导致Session信息在IFrame与其父窗口或同一页面中的其他IFrame之间无法正确共享或识别。 ### Session丢失的原因 Session丢失在IFrame环境中的主要原因是浏览器的同源策略和Cookie管理机制。同源策略...

    [导入]Javascript获取IFrame内容(兼容IE&FF)

    本文将详细介绍如何在各种浏览器,包括Internet Explorer(IE)和Firefox(FF)等主流浏览器中,正确地获取Iframe中的内容。 首先,理解Iframe的基本概念。Iframe是一种HTML元素,允许我们在一个网页中嵌入另一个...

    防止页面被iframe(兼容IE,Firefox火狐)

    本文将详细介绍如何在不同浏览器,特别是兼容IE和Firefox火狐的情况下,防止页面被iframe。 首先,我们来看一下早期用于防止页面被iframe的JavaScript代码: ```javascript if (top.location !== self.location) ...

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

    父窗口调用子窗口时,需要先通过`window.frames`获取到`iframe`的`document`对象,再使用`getElementById`获取具体元素,最后设置属性值,如`window.frames["iframe_text"].document.getElementById("myH1")....

    IE和ff的兼容技巧

    ### IE与Firefox的兼容技巧详解 #### 一、概述 在网页开发过程中,浏览器兼容性问题一直是前端开发者面临的重要挑战之一。不同的浏览器由于其内核的不同,在解析HTML、CSS及JavaScript时存在差异,这就导致了相同...

    JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

    以本文提到的“JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果”为例,我们将探讨如何使用JavaScript来实现一个在页面上具有遮罩层的iframe元素,在其内容完全加载后进行相应的显示或隐藏操作。...

    Iframe自适应高度兼容ie,firefox多浏览器

    本文讲解的是关于Iframe元素在网页中如何实现自适应高度,并确保在不同的浏览器环境下能够正常工作,特别是针对Internet Explorer(IE)和Firefox浏览器的兼容性问题。接下来将详细探讨实现Iframe自适应高度的方法...

    JS实现iframe自适应高度的方法(兼容IE与FireFox)

    本文将详细介绍一种通过JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox上的兼容性。 首先,我们要明白,`iframe`的自适应高度主要是为了使`iframe`内容区域能完全显示,避免出现滚动条或者内容被...

    页面中iframe相互传值传参

    在iframe中,可以通过window.parent获取到父窗口的对象,而在父窗口中,则可以通过window.frames数组来访问特定的iframe窗口。例如,如果iframe的name属性设置为"BoardList",则可以通过parent.frames["BoardList"]...

    iframe弹窗工具类

    这个“iframe弹窗工具类”显然为开发者提供了一种简便的方法来管理和控制`iframe`,确保在不同的浏览器环境下,如Chrome、Firefox、Safari等主流浏览器上,都能顺畅地工作,无需担心兼容性问题。 工具类的设计通常...

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

    在`iframe`子页面中,要调用父页面的JavaScript函数,可以使用`window.parent`对象来引用父窗口。假设父页面有一个名为`a()`的函数,子页面可以这样调用它: ```javascript window.parent.a(); ``` 如果需要获取父...

    js操作iframe的一些方法介绍

    本文介绍了JavaScript操作iframe元素的方法,包括获取iframe的window和document对象、获取父页面的window对象以及在iframe中触发onload事件的技巧。接下来将详细展开这些知识点。 首先,获取iframe的window对象,这...

    跨框架示例(iframe).rar

    这个"跨框架示例(iframe).rar"压缩包提供了两个示例文件——frames.htm和x.html,它们展示了如何利用iframe实现跨框架的交互和功能,特别是针对Firefox和IE6及更高版本浏览器的支持。 1. **iframe的基本概念** - `...

    js操作模态窗口及父子窗口间相互传值示例

    需要注意的是,`window.showModalDialog`方法并不被所有浏览器支持,例如在Chrome和Firefox中并不支持。如果需要在这些浏览器中实现类似功能,可能需要使用其他技术如iframe或者第三方JavaScript库来模拟模态窗口...

Global site tag (gtag.js) - Google Analytics