js窗口间通信摘要

1.打开一个新窗口:window.open();为了便于父窗口操作子窗口可以为window.open()定义一个变量,例如:

var opW = window.open(‘tests.html’,’popup’,’width=300,height=300′);

这样要关闭子窗口可直接使用:opW.close();

要操作子窗口元素,例如:

opW.document.getElementById(“fartherWindowTxt”).innerHTML = “操作子窗口”;

2.子窗口可以使用window.opener来引用父窗口:window.opener.document.getElementById(“fartherWindowTxt”).innerHTML=”子窗口操作父窗口!”;

3.窗口关闭自身窗口可以使用:window.close();

点击查看demo:https://www.html.cn/demo/window-tongxin/

赞(0) 打赏
未经允许不得转载:WEB前端开发 » js窗口间通信摘要

评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    window.open获取的是打开页面的window对象,window.opener是父窗口的对象,知道这个就好操作了~

    PS:我写过一篇iframe dom操作的文章:http://www.js8.in/463.html

    断桥残雪9年前 (2010-06-19)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏