手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

iframe 获取父页面方法

时间:2024-10-13 13:24:36

1、新建一个parent一个child页面,如图所示

iframe 获取父页面方法
iframe 获取父页面方法

2、在父级中定义一个adds的方法,并触发alert弹窗

iframe 获取父页面方法

3、在父级中通过iframe引入子页面,子页面不做处理。

iframe 获取父页面方法

4、打开parent页面,查看结果没有什么变化,还是子页面的内容

iframe 获取父页面方法

5、子页面调用父页面adds的方法,如图

iframe 获取父页面方法

6、打开父级页面查看结果,子页面成功调用了adds方法,触发了adds中的alert

iframe 获取父页面方法

7、通过控制台我们可以看到方法的内容,如图所示

iframe 获取父页面方法

8、我们撮劝丛食单独打开子页面会发生什么呢,可以看到控制台,会提示adds is not function,所以这个子页面调用父页面的方法是在父级提现的

iframe 获取父页面方法
© 手抄报圈