iframe 获取父页面方法

2025-04-18 07:01:53

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 获取父页面方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢