`

js 调用iframe里面的js函数

阅读更多

当iframe有name属性的时候

<iframe id="contentid" name="contentname" src="" height="100%" frameborder="0"></iframe>

可以这样调用:

contentname.window.submit();

 

当iframe没有name属性的时候

<iframe id="contentid" src="" height="100%" frameborder="0"></iframe>

$("#contentid")[0].contentWindow.submit();  

或者

document.getElementById("contentid").contentWindow.submit();

分享到:
评论

相关推荐

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

    // 然后,可以调用iframe页面中的函数 frames.right(); ``` 这里的`window.parent.window`用于返回到包含`iframe`的上一级窗口,然后通过`getElementById`找到`iframe`元素,进一步获取它的`contentWindow`属性,这...

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

    "iframe子父页面调用js函数示例" 在实际项目中,iframe 子父页面调用 js 函数是非常有用的。下面是一个示例,演示如何在 iframe 子页面中调用父页面的 js 函数,以及如何在父页面中调用 iframe 子页面的 js 函数。 ...

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

    本知识点主要介绍如何使用JS调用iframe元素来实现页面内容的打印功能。 ### 知识点一:使用iframe实现区域打印 通过创建一个iframe元素,并将其添加到文档中,可以实现在一个隔离的环境中进行打印,这样做的好处是...

    同级iframe间的函数调用

    标题“同级iframe间的函数调用”涉及的是如何在不同`iframe`之间共享数据和交互,这是跨域安全策略下实现页面间通信的一种方式。 在同一个域名下,`iframe`可以相互访问,这是因为它们被视为同一源(same-origin ...

    父窗口调用iframe子窗口方法

    在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...

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

    jquery、js调用iframe父窗口与子窗口元素的方法整理 在Web开发中,iframe是一个常用的技术,用于在一个HTML文档中嵌入另一个HTML文档。然而,在使用iframe时,经常会遇到一个问题:如何在iframe中访问父窗口的元素...

    js调用浏览器打印模块实现点击按钮触发自定义函数

    在探讨如何利用JavaScript调用浏览器的打印模块实现点击按钮时触发自定义函数的过程中,我们首先需要了解浏览器提供的打印API以及如何通过编程方式触发打印任务。现代浏览器通常提供了window.print()方法,该方法...

    javscript调用iframe框架页面中函数的方法_.docx

    JavaScript调用IFrame框架页面中函数的方法是一种常见的前端交互技术,尤其在构建复杂网页应用时,IFrame常用于模块化加载和隔离不同部分的代码。本文将深入探讨如何在JavaScript中实现这一功能,并提供相关示例。 ...

    js实现iframe跨页面调用函数的方法

    在JavaScript中,实现iframe跨页面调用函数是一个常见的需求,特别是在构建复杂的Web应用程序时。当一个页面(父页面)嵌入了另一个页面(子页面)作为iframe时,有时需要在两个页面之间通信,调用各自的功能。下面...

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

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

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

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

    Javscript调用iframe框架页面中函数的方法__1.docx

    在JavaScript中,调用iframe框架页面中的函数是跨文档通信的一种常见方式,特别是在网页嵌套或者需要在不同页面间共享数据和功能时。本篇将详细介绍如何实现这一操作,并给出具体的示例代码。 首先,我们需要了解...

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

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

    javascript iframe内的函数调用实现方法

    在开发中,经常需要在主页面和iframe页面之间进行交互,比如主页面需要调用iframe页面中的JavaScript函数。但是这种跨文档的调用可能会涉及到浏览器的安全策略,特别是同源策略。同源策略会限制一个源(origin)上的...

    js处理iframe的系列问题

    // 调用iframe中的方法 window.parent.frames["ifrMapCompanyDetails"].XXX(); // 或者通过索引方式调用 window.parent.frames[0].XXX(); ``` #### 6. 调用子页面中的事件 当需要触发`iframe`内部的某个事件时,...

    js iframe 方法及元素相互调用

    本文将深入探讨如何使用JS与`iframe`进行交互以及元素之间的调用。 首先,了解`iframe`的基本结构是至关重要的。`iframe`标签定义了一个内联框架,它可以在HTML文档中嵌入另一个HTML文档。基本语法如下: ```html ...

    jQuery操作iframe中js函数的方法小结

    jQuery操作iframe中js函数的方法主要包括了对iframe元素的操作、对父页面元素的操作、在主页面中调用iframe的js函数以及在jQuery中调用iframe的js函数四个部分,每一个部分都有其特定的方法和注意事项。 首先,操作...

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

    例如,如果父页面定义了一个名为"getHelloWorld"的函数和一个名为"hello"的变量,那么在iframe中可以通过以下方式调用: ```javascript parent.getHelloWorld(); // 调用父页面的方法 alert(parent.hello); // 弹出...

Global site tag (gtag.js) - Google Analytics