主页面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`中生成父窗口元素以及如何在`iframe`内触发父窗口的事件,特别是针对IE和Firefox的差异。 首先,让我们了解`iframe`的基本用法。`iframe`通过`src`属性指定要加载的HTML文档,例如: ```...
总之,在处理Chrome下的`iframe`父窗口调用子窗口问题时,应当注重浏览器兼容性,优先选用在多数浏览器中表现一致的`frames`数组方法。同时,对于跨域问题,需了解并应用相应的解决策略,如`postMessage`通信。在...
本文详细介绍了如何在父窗口中操作`iframe`内部元素的方法,并特别关注了兼容IE和Firefox浏览器的问题。通过上述示例代码,我们可以看到,只要合理利用JavaScript提供的API,并考虑到不同浏览器之间的差异,就能实现...
"iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...
"Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...
这种结构可能导致Session信息在IFrame与其父窗口或同一页面中的其他IFrame之间无法正确共享或识别。 ### Session丢失的原因 Session丢失在IFrame环境中的主要原因是浏览器的同源策略和Cookie管理机制。同源策略...
本文将详细介绍如何在各种浏览器,包括Internet Explorer(IE)和Firefox(FF)等主流浏览器中,正确地获取Iframe中的内容。 首先,理解Iframe的基本概念。Iframe是一种HTML元素,允许我们在一个网页中嵌入另一个...
本文将详细介绍如何在不同浏览器,特别是兼容IE和Firefox火狐的情况下,防止页面被iframe。 首先,我们来看一下早期用于防止页面被iframe的JavaScript代码: ```javascript if (top.location !== self.location) ...
父窗口调用子窗口时,需要先通过`window.frames`获取到`iframe`的`document`对象,再使用`getElementById`获取具体元素,最后设置属性值,如`window.frames["iframe_text"].document.getElementById("myH1")....
### IE与Firefox的兼容技巧详解 #### 一、概述 在网页开发过程中,浏览器兼容性问题一直是前端开发者面临的重要挑战之一。不同的浏览器由于其内核的不同,在解析HTML、CSS及JavaScript时存在差异,这就导致了相同...
以本文提到的“JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果”为例,我们将探讨如何使用JavaScript来实现一个在页面上具有遮罩层的iframe元素,在其内容完全加载后进行相应的显示或隐藏操作。...
本文讲解的是关于Iframe元素在网页中如何实现自适应高度,并确保在不同的浏览器环境下能够正常工作,特别是针对Internet Explorer(IE)和Firefox浏览器的兼容性问题。接下来将详细探讨实现Iframe自适应高度的方法...
本文将详细介绍一种通过JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox上的兼容性。 首先,我们要明白,`iframe`的自适应高度主要是为了使`iframe`内容区域能完全显示,避免出现滚动条或者内容被...
在iframe中,可以通过window.parent获取到父窗口的对象,而在父窗口中,则可以通过window.frames数组来访问特定的iframe窗口。例如,如果iframe的name属性设置为"BoardList",则可以通过parent.frames["BoardList"]...
这个“iframe弹窗工具类”显然为开发者提供了一种简便的方法来管理和控制`iframe`,确保在不同的浏览器环境下,如Chrome、Firefox、Safari等主流浏览器上,都能顺畅地工作,无需担心兼容性问题。 工具类的设计通常...
在`iframe`子页面中,要调用父页面的JavaScript函数,可以使用`window.parent`对象来引用父窗口。假设父页面有一个名为`a()`的函数,子页面可以这样调用它: ```javascript window.parent.a(); ``` 如果需要获取父...
本文介绍了JavaScript操作iframe元素的方法,包括获取iframe的window和document对象、获取父页面的window对象以及在iframe中触发onload事件的技巧。接下来将详细展开这些知识点。 首先,获取iframe的window对象,这...
这个"跨框架示例(iframe).rar"压缩包提供了两个示例文件——frames.htm和x.html,它们展示了如何利用iframe实现跨框架的交互和功能,特别是针对Firefox和IE6及更高版本浏览器的支持。 1. **iframe的基本概念** - `...
需要注意的是,`window.showModalDialog`方法并不被所有浏览器支持,例如在Chrome和Firefox中并不支持。如果需要在这些浏览器中实现类似功能,可能需要使用其他技术如iframe或者第三方JavaScript库来模拟模态窗口...