js子页面调用父页面方法

 时间:2024-10-12 09:02:29

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

js子页面调用父页面方法

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

js子页面调用父页面方法

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

js子页面调用父页面方法

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

js子页面调用父页面方法

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

js子页面调用父页面方法

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

js子页面调用父页面方法
  • 如何删除不再在 Windows10 中使用的账户
  • Ps如何添加“渐变叠加”图层样式
  • Photoshop CC制作扑克牌图案(一)绘制梅花
  • Photoshop怎么设置显示菜单颜色
  • unity如何点击AR识别出的模型
  • 热门搜索
    澳大利亚旅游多少钱 马蜂窝网旅游攻略 永兴岛旅游 阿根廷旅游 山东日照旅游景点 东戴河旅游景区 咸宁旅游 天目湖旅游 吉隆坡旅游 南昌万达文化旅游城