当前位置: 首页 > 面试题库 >

从父页面在iframe中调用JavaScript代码

夔宏深
2023-03-14
问题内容

基本上,我有一个iframe嵌入页面的页面,并且iframe有一些需要从父页面调用的JavaScript例程。

现在,相反的操作非常简单,因为您只需要调用parent.functionName(),但是不幸的是,我需要恰好相反。

请注意,我的问题是不会改变的源URL的iframe,但是调用在定义的函数iframe


问题答案:

假设您的iFrame的ID为“ targetFrame”,而您要调用的函数为targetFunction()

document.getElementById('targetFrame').contentWindow.targetFunction();

您也可以使用window.frames代替访问框架document.getElementById

// this option does not work in most of latest versions of chrome and Firefox
window.frames[0].frameElement.contentWindow.targetFunction();


 类似资料:
  • 本文向大家介绍js中iframe调用父页面的方法,包括了js中iframe调用父页面的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下: 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: 但是我在ch

  • 问题内容: 我想从iframe调用父窗口JavaScript函数。 问题答案: Call Me 参见window.parent 返回对当前窗口或子帧的父级的引用。 如果窗口没有父窗口,则其父属性是对自身的引用。 当在一个被加载的窗口,或者,它的父是与元件嵌入窗口的窗口。

  • 问题内容: 我有2个页面,分别是index.html和social.html。我清理了索引,只剩下了需要fancybox的jquery代码。我想要做的是在social.html中包含图像,当单击它时,它将打开fancybox并显示它,但是在index.html中而不是在iframe中。出现的错误是: 这是我的index.html: 在IFrame页面中: PS:两个页面都在同一个域上…编辑:vid

  • 本文向大家介绍关于Iframe父页面与子页面之间的相互调用,包括了关于Iframe父页面与子页面之间的相互调用的使用技巧和注意事项,需要的朋友参考一下 iframe元素就是文档中的文档。 window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象。但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个w

  • 问题内容: 我在从父页面调用JavaScript函数时遇到问题。这是我的两页: mainPage.html resultFrame.html (我知道不建议这样做,但只能在内部使用IE浏览此页面,我不认为这是问题所在) 当我按下“重置”按钮时,我得到“找到resultFrame”和“找不到resultFrame.Reset”。似乎有对框架的引用,但无法在框架上调用该函数,为什么呢? 问题答案: 采

  • 问题内容: 我有一个iframe,为了访问父元素,我实现了以下代码: 如何使用jQuery获得相同的结果? 更新 :或如何使用jquery访问iFrame父页面? 问题答案: 要在iFrame的父项中查找,请使用: $()包装器的第二个参数是要在其中搜索的上下文。默认为文档。