window.open and opener 简单示例

magicalboy

浏览: 12796 次
性别:
来自: 广州

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (12)

社区版块

存档分类

HTML XHTML

window.open
　　

window.open ("page.html", "newwindow", "height=100, width=400, toolbar= no, menubar=no, scrollbars=no, resizable=no, location=no, tatus=no,top=100,left=300")

　　height:page.html的高度
　　width:page.html的宽度
　　top:page.html距离屏幕顶部的距离
　　left:page.html距离屏幕左边的距离
　　top和left就是给page.html设定位置的
　　window.open() 方法
　　语法：window.open(pageurl,name,parameters);
　　window对象的open()方法用于创建一个新的窗口实例，新创建的窗口的外观由参数：parameters指定。新窗口中打开的文档由参数： pageurl指定。系统能够根据参数：name确定的名称访问该窗口。
　　下表为parameters参数表：
　　参数衩始值说明
　　alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。
　　alwaysRaised yes/no 指定窗口浮在所有窗口之上。
　　dependent yes/no 指定打开的窗口为父窗口的一个子窗口。并随父窗口的关闭而关闭。
　　directions yes/no 指定Navigator 2和3的目录栏是否在新窗口中可见。
　　height pixel value 设定新窗口的像素高度。
　　hotkeys yes/no 在没有菜单栏的新窗口设置安全退出热键。
　　innerHeight pixel value 设置新窗口中文档的像素高度。
　　innerWidth pixel value 设置新窗口中文档的像素宽度。
　　location yes/ no 指明地址栏在新窗口中是否可见。
　　menubar yes /no 指明菜单栏在新窗口中是否可见。
　　outerHeight pixel value 设定窗口（包括装饰边框）的像素高度。
　　outerWidth pixel value 设定窗口（包括装饰边框）的像素宽度。
　　resizable yes /no 指明新窗口是否可以调整。
　　screenX pixel value 设定新窗口离屏幕边界的像素长度。
　　screenY pixel value 设定新窗口离屏幕上边界的像素长度。
　　scrollbars yes /no 指明滚动栏在新窗口中是否可见。
　　status yes /no 指明状态栏在新窗口中是否可见。
　　titlebar yes /no 指明菜单题目栏在新窗口是否可见。
　　toolbar yes /no 指明工具栏在新窗口中是否可见。
　　Width pixel value 设定窗口的像素宽度。
　　z-look yes /no 在文档中包含各个 <pplet>标签的数组。
　　fullscreen yes / no 打开的窗体是否进行全屏显示
　　left pixel value 设定新窗口距屏幕左方的距离
　　top pixel value 设定新窗口距屏幕上方的距离

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.open 函数使用示例</title>
<script type="text/javascript">
function openSearch(url, title, width, height) {
	window.open("opener.html","window.open 函数使用示","width=400,height=300,toolbar=no,scrollbars=auto,menubar=no,screenX=300,screenY=400");
}
</script>
</head>
<a href="#" onclick="openSearch(); return false;" >window.open 函数使用示</a>
<body>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>打开的子窗口</title>
<script type="text/javascript">
function ccc() {
	window.opener.document.bgColor='red';
}
function xxx() {
	window.opener.document.location='baidu.com';
}
</script>
</head>
<body>
<input type="submit" name="Submit" value="变色" onClick="ccc(); return false;">
<input type="submit" name="Submit1" value="转向" onClick="xxx(); return false;">
</body>
</html>

分享到：