繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 子父窗口之间的操作之小例子
- Javascript
- jquery中常用的SET和GET
- 解javascript 混淆加密收藏
- JavaScript 在线压缩和格式化收藏
- JavaScript URL参数读取改进版
- javascript打开新窗口同时关闭旧窗口
- 借用Google的Javascript API Loader来加速你的网站
- javascript Xml增删改查(IE下)操作实现代码
- js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
- 最近项目写了一些js，水平有待提高
- JavaScript库 开发规则
- JavaScript入门教程(1) 什么是JS
- JavaScript入门教程(2) JS基础知识
- JavaScript入门教程(3) js面向对象
- JavaScript入门教程(4) js浏览器对象
- JavaScript入门教程(5) js Screen屏幕对象
- JavaScript入门教程(7) History历史对象
- JavaScript入门教程(8) Location地址对象
- JavaScript入门教程(9) Document文档对象
- JavaScript入门教程(11) js事件处理
- JavaScript入门教程(12) js对象化编程
Javascript 中的 子父窗口之间的操作之小例子
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 417 ::
收藏到网摘: n/a
用window.openr打开的子父窗口之间的操作跟框架的是不一样的，子窗口和父窗口之间有opener来联系。而源窗口要访问子窗口要通过其句柄来操作。以下小例子希望能帮助新手更了解他们的操作。
test.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>子父窗口的操作</title>
</head>
<body>
<script>
var win=null;
function op(){
win=window.open("about:blank","win","width=200,height=200");
win.document.write("<input type='button' value='关闭父窗口' onclick='window.opener.opener=null;window.opener.close()'>");
win.document.write("<input type='button' value='刷新你窗口' onclick='window.opener.location.reload()'>");
}
</script>
<input onclick="op()" value="打开窗口" type="button"><input type="button" value="最小化" onclick="if(win&&win.open&&!win.closed){win.resizeTo(0,0);win.moveTo(0,window.screen.width);}else alert('还没有打开窗口或已经关闭')"><input type="button" value="最大化" onclick="if(win&&win.open&&!win.closed){win.moveTo(-4,-4);win.resizeTo(screen.availWidth+8,screen.availHeight+8);}else alert('还没有打开窗口或已经关闭');"><input type=button value="关闭子窗口" onclick="if(win&&win.open&&!win.closed){win.opener=null;win.close()}else alert('还没有打开窗口或已关闭')"><input type=button value="刷新子窗口" onclick="if(win&&win.open&&!win.closed){win.location.reload();win.focus()}else alert('窗口还没有打开或已关闭')"><input type="button" value="看子窗口的大小" onclick="if(win&&win.open&&!win.closed){alert(win.document.body.clientWidth+'*'+win.document.body.clientHeight);win.focus();}else{alert('还没有打开窗口或者已关闭')};">
</body>
</html>
运行效果如下：
以上只供参考，有错请纠正，谢谢！
评论 (0) All
