HTML父子页面相互操作教程----网页开发

 时间:2024-10-12 19:09:18

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页面的方法通过代码:windo嘛术铹砾w.parent.isA();解释:window.parent拿到父对象,即可使用父页面的方法

HTML父子页面相互操作教程----网页开发

7、B调A的效果

HTML父子页面相互操作教程----网页开发
  • 网页设计HTML中如何插入背景图片
  • html设置网页背景图片全屏
  • HTML怎样使图片居中
  • HTML代码如何去除超链接的下划线
  • html如何文字居中与背景
  • 热门搜索
    新型冠状病毒的手抄报 母亲手抄报大全 读书手抄报版面设计图 手抄报图片花边 关于民族团结的手抄报 三爱手抄报 我爱祖国手抄报内容 勿忘国耻手抄报 同讲普通话携手进小康手抄报内容 请讲普通话手抄报