JavaScript实现父子两个窗口之间互相通信
来源:互联网 发布:电子狗通用升级数据 编辑:程序博客网 时间:2024/05/29 17:06
JavaScript里面的Dom编程里面的window对象有很多的方法能实现很多特殊的效果,下面我们来列举一些方法,然
后做出一个小案例,就是使用Window对象的opener方法实现父子两方的窗口的对话!
首先是父 窗口的代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>test4.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function test(){//moveto是按照当前屏幕定位窗口,moveby是根据当前窗口左上角位置再次定位 window.moveTo(100, 100); } function test2(){//重新改变大小 window.resizeTo(400, 500); } function test3(){//在原来窗口大小的基础上增加一定的程度和宽度 window.resizeBy(100, 200); } function test4(){//_black是打开新的窗口,不替换原来的窗口 //newWin其实是打开的新窗口的句柄 var newWin = window.open("test5.html", "_blank"); newWin.document.getElementById("info").innerText="哈哈"; } </script> </head> <body> This is my HTML page. <br> <input type="button" onclick="test();" value="移动"/><br/> <input type="button" onclick="test2();" value="改变大小"/><br/> <input type="button" onclick="test3();" value="增加大小"/><br/> <input type="button" onclick="test4();" value="打开新窗口"/><br/> <span id="myspan"></span> </body></html>
然后是子窗口的代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>test5.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function notify(){//获取当前输入内容信息,传递给父窗口 var val = document.getElementById("info").value; window.opener.document.getElementById("myspan").innerText=val; } </script> </head> <body> 我是新窗口 <input type="text" id="info"/><br/> <input type="button" value="通知给父窗口" onclick="notify();"/> </body></html>
这样两个窗口之间就能进行互相的通信了,其实关键代码就是那一句
function notify(){//获取当前输入内容信息,传递给父窗口 var val = document.getElementById("info").value; window.opener.document.getElementById("myspan").innerText=val; }
- JavaScript实现父子两个窗口之间互相通信
- 父子窗口之间的通信
- JavaScript:父子页面(iframe)之间通信实例
- 通过父子进程实现消息队列的互相通信
- 父子窗口通信-转帖
- 父子窗口间通信
- IE父子窗口通信
- javascript/Jscript实现父子窗体的互相引用问题
- Javascript window 对象+ 父子窗口之间相互操作
- 两个iframe互相调用传值及iframe父子窗口调用
- 采用委托实现两窗口间通信互相通信
- 应用管道实现父子进程之间的通信
- 匿名管道实现父子进程之间的通信....
- 应用管道实现父子进程之间的通信
- Iframe嵌套 父子窗口互相调用方法
- Qt不同窗口(父子)通信
- 父子组件之间的通信
- 代理实现两个窗口之间的通讯
- LPC1768之模数转换ADC
- 学习Nokia QT:(一) QT 4.8.1 和vs2010 x64 编译 (测试过了)
- 转载]如何做一个出色的程序员
- Linux与Android休眠唤醒对比(2)
- android游戏开发的架构
- JavaScript实现父子两个窗口之间互相通信
- automake中Makefile.am文件中依赖内容
- 10-2 继承与派生应用(CPerson类)
- 面向程序员的数据库访问性能优化法则
- report builder3.0的基本文档
- VSFTP - 下载,安装,配置,卸载
- PHP常用函数大全【不段更新】
- 黑马日记——交通灯管理系统
- Android将应用程序指定默认语言 .