繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 子父窗口之间的操作之小例子
- Javascript
- 符合标准的对联广告
- Firefox 无法获取cssRules 的解决办法
- 简单JS代码压缩器
- 不错的asp中显示新闻的功能
- 动态加载js文件 document.createElement
- [原创]静态页面也可以实现预览 列表不同的显示方式
- JS代码格式化和语法着色V2
- 关于javascript的“静态类"
- 显示/隐藏侧边栏
- 网页取色
- cancelBubble阻止事件冒泡
- 屏蔽alt+f4代码，一个变通的方法
- 光标的一些操作总结
- 使用TextRange获取输入框中光标的位
- Using the TextRange Object
- textbox右键菜单
- document.createRange实例
- 模仿IE自动完成功能
- 计算100000数组js脚本的执行时间
- 怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
Javascript 中的 子父窗口之间的操作之小例子
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 161 ::
收藏到网摘: 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
