1.先准备ab两个网页,a当做父页面,b当做子页面

HTML父子页面相互操作教程----网页开发
 
 
2.在a页面加一个isA方法,在b页面加一个isB方法
HTML父子页面相互操作教程----网页开发
3.然后在A页面通过Iframe引用B页面
HTML父子页面相互操作教程----网页开发
4.A页面调用B页面的方法,使用代码:document.getElementById("ib").contentWindow.isB();

解释:获取A页面的Iframe标签,contentWindow代表了B页的对象,可直接拿到B页的方法

HTML父子页面相互操作教程----网页开发
5.A调B的效果
HTML父子页面相互操作教程----网页开发
6.B调用A页面的方法通过代码: window.parent.isA();
解释: window.parent拿到父对象,即可使用父页面的方法
HTML父子页面相互操作教程----网页开发
 
7.B调A的效果
HTML父子页面相互操作教程----网页开发
posted on 2023-04-13 11:05  是哒红吖  阅读(198)  评论(0编辑  收藏  举报