window.open and opener 简单示例

[b]window.open[/b]
  
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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值