`

js中iframe方法调用

 
阅读更多
1、iframe子页面调用 父页面js函数
window.praent.a();

2、iframe子父页面调用 子页面js函数
document.getElementById('ifrtest').contentWindow.b();
注:ifrtest是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。

3. A iframe的页面访问B iframe页面的内容。

    parent.document.getElementById('B iframe的ID').contentWindow.document.getElementById('B iframe页面要访问的元素ID')

4.  A iframe的3级页面访问B iframe页面的内容。

    window.opener.opener.parent.document.getElementById(''B iframe的ID').contentWindow.document.getElementById('B iframe页面要访问的元素ID')
分享到:
评论
1 楼 何校萍 2014-03-28  
谢谢 又学到了

相关推荐

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

    本篇文章将深入探讨如何在`iframe`中调用JavaScript,实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中,我们可以通过`<iframe>`标签来插入一个框架,例如: ```html <iframe src="child....

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

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

    js调用-嵌入iframe

    综上所述,"js调用-嵌入iframe"涉及到的主要知识点包括IFrame的基本使用、JavaScript与IFrame的交互以及测试中的注意事项。理解并掌握这些内容,对于网页开发尤其是动态内容加载和页面组件的复用具有重要意义。

    js iframe 方法及元素相互调用

    在JavaScript(JS)中,`iframe`是一种非常有用的元素,它允许我们在一个页面中嵌入另一个页面。这种技术常用于加载外部内容、实现页面部分刷新、或者在不同域之间进行跨域通信。本文将深入探讨如何使用JS与`iframe`...

    js调用iframe实现打印页面内容的方法

    通过上述介绍,我们可以了解到使用JS调用iframe实现页面内容打印的方法主要分为以下几个步骤:准备打印内容、创建并配置iframe、调用打印功能以及处理打印后的清理工作。这些技术手段为网页开发者提供了灵活的方式来...

    用js互相调用iframe页面内的js函数

    标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中,有一些不同的处理方式。 首先,获取`iframe`页面的引用是...

    父窗口调用iframe子窗口方法

    假设`iframe`中的一个JS文件`child.js`定义了一个名为`childMethod`的函数,可以这样调用: ```javascript iframeWindow.childMethod(); ``` 4. **跨域问题**: 如果`iframe`加载的页面与父页面不在同一个域名...

    js中iframe调用父页面的方法.docx

    下面我们将详细介绍`js`中`iframe`调用父页面方法的相关知识点。 1. **基本调用方式** 在`iframe`中的页面,可以通过`window.parent`属性来访问父页面的全局对象,从而调用父页面中定义的函数。例如,如果父页面有...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

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

    不过,当iframe和父页面属于同一域时,可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个...

    js中iframe调用父页面的方法

    本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下: 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 ...

    js-iframe-传值调用实例代码

    这个实例代码“js-iframe-传值调用”旨在演示如何通过JavaScript在父窗口和iframe之间传递数据,实现页面间的交互。我们将详细探讨这个过程中的关键知识点。 首先,我们要理解iframe的基本结构。一个iframe标签通常...

    iframe跨域调用父窗口js.zip

    在实际应用中,根据项目需求和浏览器兼容性,可以选择合适的方法实现iframe跨域调用父窗口的JavaScript方法。同时,注意安全问题,避免恶意代码通过跨域通信窃取敏感信息。 以上就是关于iframe跨域调用父页面js方法...

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

    这些方法可以在实际项目中应用,例如在父页面中调用 iframe 子页面的 js 函数来实现某些操作,或者在 iframe 子页面中调用父页面的 js 函数来实现某些操作。 相关知识点 1. iframe 子父页面调用 js 函数的示例 2. ...

    同级iframe间的函数调用

    在Web开发中,`iframe`...以上就是同级`iframe`之间进行函数调用和数据交换的一些常见方法。在实际开发中,开发者需要根据项目需求和浏览器兼容性选择合适的技术。同时,注意处理好安全问题,避免被恶意代码利用。

    unigui_iframe amcharts调用.rar

    2. HTML和JavaScript文件:可能包含用于在iframe中显示的amCharts图表的HTML和JS代码。 3. 文档或readme文件:解释如何运行示例,以及可能涉及的关键技术点和注意事项。 4. 图片或截图:可能展示最终实现的界面效果...

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

    jquery、js调用iframe父窗口与子窗口元素的方法整理 在Web开发中,iframe是一个常用的技术,用于在...jquery和js调用iframe父窗口与子窗口元素的方法是Web开发中的一个重要技术,可以帮助开发者更好地实现自己的项目。

    JS操作iframe里的dom(实例讲解)

    在`frameFun`函数中,我们试图调用`iframeB`内的`getsFun()`方法,但由于示例中并未提供这样的方法,所以这部分代码仅作为示例展示。 总的来说,JS操作`iframe`里的DOM主要涉及以下几个步骤: 1. 获取`iframe`对象...

    js处理iframe的系列问题

    通过对上述知识点的学习,我们可以更加灵活地利用JavaScript来处理`iframe`中的各种问题,包括但不限于访问、修改`iframe`内部元素、提交表单、调用方法以及触发事件等。这些技巧对于开发复杂的Web应用来说是非常...

    js iframe 打印 打印预览 页眉页脚的设置

    在JavaScript(JS)中,利用iframe进行打印和打印预览是常见的需求,特别是在网页开发中。这个场景下,我们可能需要自定义页眉和页脚,以提供更专业的打印效果。下面将详细介绍如何通过JS实现这个功能。 首先,我们...

Global site tag (gtag.js) - Google Analytics