现在做b/s项目,基本都支持到ie8.就在写地图的时候,需要iframe的各个js互相调用。这个我真的是郁闷,ie8就是个坑,和别的浏览器不兼容。不过还好,找了好久,网上找到了解决办法,在此做下记录,以免以后丢失。
//取id为main的iframe中mapObj的值 window.parent.window.document.getElementById("main").contentWindow.mapObj; //取name为main的iframe的mapObj的值 parent.main.mapObj; //调用id为main的iframe中function() window.parent.window.document.getElementById("main").contentWindow.function(); //调用name为main的iframe中function() parent.main.function();
//取id为main的iframe的mapObj的值 $(window.parent.document).contents().find("#main")[0].contentWindow.mapObj; //调用id为main的iframe的function() $(window.parent.document).contents().find("#main")[0].contentWindow.function();
解析理解:
1、先获取当前页的上层的window对象。
2、在此对象 中取要操作的iframe(可以用js或者jQuery实现通过id、name、class)
3、在取当前对象的contentWindow属性,就是要操作的那个iframe的window对象了。
4、然后就可以点调用方法或者取值了
相关推荐
本示例“iframe跨域互相调用资源”提供了一个解决方案,它着重展示了如何通过`iframe`实现在不同源之间进行通信,并且处理了浏览器兼容性问题,特别是对较老版本的IE浏览器(至少支持到IE8)的支持。 首先,`iframe...
在这个场景下,涉及到的一个常见需求就是如何用JavaScript在主页面与`iframe`页面之间互相调用函数,以便于进行更复杂的交互。 标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面...
JavaScript实现IFrame子窗口调用父窗口的全局变量
本文将通过一个具体的示例介绍如何实现iframe中的父页面与子页面之间的互相调用,以及子页面中再嵌套iframe时的相关操作。 #### 1. 基本概念 首先我们需要了解几个基本的概念: - **父页面(Parent Frame)**:指...
这个实例代码“js-iframe-传值调用”旨在演示如何通过JavaScript在父窗口和iframe之间传递数据,实现页面间的交互。我们将详细探讨这个过程中的关键知识点。 首先,我们要理解iframe的基本结构。一个iframe标签通常...
"iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: <iframe width="100%" height="100%" name="left" scrolling="auto" ...
本话题主要探讨如何让IE8浏览器调用IE7的渲染模式来解决特定问题,特别是针对iframe自定义高度的问题。 首先,让我们理解为什么需要在IE8中模拟IE7的渲染模式。IE8引入了更现代的渲染引擎,但为了向后兼容,它提供...
标题“同级iframe间的函数调用”涉及的是如何在不同`iframe`之间共享数据和交互,这是跨域安全策略下实现页面间通信的一种方式。 在同一个域名下,`iframe`可以相互访问,这是因为它们被视为同一源(same-origin ...
2. 子页面之间互相调用方法: - 如果一个子页面要调用另一个子页面的方法,可以利用父页面作为中介。即,子页面通过父页面访问另一个iframe中的内容。具体做法是通过父页面中对应的iframe的name属性或者id属性来...
在多页面交互的场景下,`iframe`中的子页面与父页面以及与其他兄弟`iframe`之间的通信就显得尤为重要。本文将详细讲解如何实现`iframe`兄弟页面之间的相互调用。 首先,理解`iframe`的结构是关键。一个`iframe`元素...
本篇文章将深入探讨如何在`iframe`中调用JavaScript,实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中,我们可以通过`<iframe>`标签来插入一个框架,例如: ```html <iframe src="child....
在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...
需要注意的是,`contentWindow` 属性是指定的 frame 或者 iframe 所在的 window 对象,IE 下可以省略。 总结 在上面的示例中,我们演示了如何在 iframe 子页面中调用父页面的 js 函数,以及如何在父页面中调用 ...
1. **明确加载顺序**:确保iframe的加载顺序是确定的,避免互相调用。例如,设定主iframe负责加载其他iframe,并且其他iframe不再尝试加载主iframe。 2. **条件加载**:在iframe的加载逻辑中加入条件判断,只有在...
【IE6以下】 iframe边框通过css设定在FF下正常在ie下却还存在边框,通过在iframe标签内部设置属性 frameborder="no" border="0" 可以去掉讨厌的iframe边框。 <iframe src="url“ id="iframe" width="0" height="0...
【标题解析】:“unigui_iframe_amcharts调用”这个标题表明了我们要探讨的是一个与Unigui、iframe和amCharts相关的主题。Unigui是一个基于Delphi的跨平台UI框架,它允许开发者创建Web和移动应用。Iframe是HTML中的...
测试JS之间的调用关系** 在测试JS与IFrame的调用关系时,通常需要考虑以下几点: - **加载顺序**:确保主页面的JS代码在IFrame加载完成后执行,否则可能无法正确获取或操作IFrame内容。 - **异步加载**:若IFrame...
当在一个页面内存在多个`iframe`时,有时我们需要在这些`iframe`之间传递数据或调用它们的JavaScript方法,以实现更复杂的交互功能。本篇文章将详细解释如何在两个`iframe`之间进行通信,并通过提供的源码`left....