`

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')
分享到：
| 阻止js方法继续执行
评论
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应用来说是非常...

    iframe兄弟页面相互调用

    通过这两个属性，我们可以访问到其他`iframe`或父页面的全局对象，进而调用其中的方法或读取变量。 2. **利用`postMessage`和`message`事件：** HTML5引入了`postMessage`API，允许不同源的页面之间安全地传递数据...

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