js子页面调用父页面方法

今天工作的时候遇到一个新问题，当页面中存在iframe的时候，iframe里面的子页面该如何调用父级页面的方法呢？刚开始小编也是懵劲忧商偌了，毕竟小编也少使用iframe框架制作页面，于是在小编绞尽脑汁之后，还好终于找到了“答案”，同时小编也对其他方式打开子页面的情况做了个小总结。

2、建立子页面再新建一个child.html页面，如图，展莲镘拎扇示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到window.parent.pop()方法。

4、错误提示点击页面中“调用父级pop方法”的文字链，会提示错误，这是因为没配置好域名等相关设置。

6、成功调用父级方法再次点击“调用父级pop方法”的文字链，即可成功弹出提示；

2、新建子页面同样新建一个child.html页面，如图，创建一个id=link的div标签和点击事件，因为是open方法打开的子页面，想调用父级，需要用到window.opener.pop()方法。

4、成功调用这时就会弹出child子页面，再点击“调用父级pop方法”文字链，即可调用父页面的pop方法，如图所示；