iframe 获取父页面方法

2025-10-17 21:52:24

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 获取父页面方法

1、子页面调用父页面的方法为parent.父级方法

2、子页面调用父级的方法是在父级中体现的,脱离父级将不起作用。

 

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