父页面要有此函数

//子页面回调此函数
IndexCallback = function() {console.log('我是父页面的方法')
}

子页面回调父页面的方法

window.parent.IndexCallback();

如果“父页面”和“子页面”不是同一个域名

可能与遇到如下错误

Uncaught DOMException: Blocked a frame with origin "你的url" from accessing a cross-origin frame.

请阅读下面文章；

Uncaught DOMException: Blocked a frame with origin “你的url“ from accessing a cross-origin frame._橙-极纪元的博客-CSDN博客

延伸

iframe子父页面间js的相互调用

转载：iframe子父页面间js的相互调用_iframe 调用父页面js_马大头的博客-CSDN博客

1、iframe子页面调用父页面js函数

子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数，就写成：

window.parent.a();

子页面取父页面中的标签中的值，比如该标签的id为“test”,则：

window.parent.document.getElementById("test").value; jQuery方法为： $(window.parent.document).contents().find("test").val();

但是我在chrome浏览器下却发现此方法无效了！查了半天才了解，在chrome 5+中，window.parent无法在file://协议中运行，但是发布了之后http://协议下是可以运行的。此方法支持ie、firefox浏览器。

2、iframe父页面调用子页面js函数

这个就稍微复杂一些，下面的方法支持ie和firefox浏览器：

document.getElementById('ifrtest').contentWindow.b();

子页面取父页面中的标签中的值，比如该标签的id为“test”,则：

document.getElementById("test").value;

注：ifrtest是iframe框架的id，b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象，IE下可以省略。

页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法相关推荐

Vue +父组件调用子组件方法 + 子组件回调父组件方法
0. 整体代码: [父组件]: <template><div><span style="color: red">--------------- ...
window.open打开子窗口回调父窗口函数
window.open打开子窗口回调父窗口函数需求最新在工作中,遇到一个需求.老项目的前端页面使用的是jsp技术,产品要求点击按钮弹出一个弹窗进行操作,操作成功要关闭子页面,还要提示成功信息. 本 ...
destoon实现调用当前栏目分类及子分类和三级分类的方法
destoon实现调用当前栏目分类及子分类和三级分类的方法: 调用当前栏目分类及子分类和三级分类是程序设计里常用的方法,本文就来详细讲述destoon实现调用当前栏目分类及子分类和三级分类的方法.具体 ...
从父页面在iframe中调用JavaScript代码
基本上,我将iframe嵌入到页面中,并且iframe具有一些我需要从父页面调用的JavaScript例程. 现在相反非常简单,因为您只需要调用parent.functionName() ,但是不幸的 ...
h5页面嵌套iframe标签
a页面 a页面展示的是在a页面中怎么显示的B页面的内容 <style>.cover{display: none;position: fixed;left: 0;top: 0;width: ...
页面嵌套iframe(window.postMessage()实现跨域通信)
项目中的需求需要外接一个iframe与主页面之间需要通信的情况在iframe 中: 在主页面中: window.postMessage() 方法可以安全地实现跨源通信.通常,对于两个不同页面的脚 ...
【Vue3系列】父组件调用子组件的方法-子组件向父组件传值
一:父组件调用子组件的方法父组件 <template><div>父页面<son-com ref="sonRef"/><button @c ...
react 子组件回调父组件函数
其实就是父组件将父组件的函数(key:changeState,value:goToBPMS函数)传递给子组件,子组件从props中调用key为changeState的函数,父组件的goToBPMS函数 ...
Vue+TS+子组件回调父组件的方法
历史文章目录连接: https://blog.csdn.net/yy763496668/article/details/113117040 此链接为CSDN连接,目的为方便大家一览博客目录!内容会定期 ...

页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法