WINDOW对象模型参考

window 对象是浏览器对象模型的顶层对象,它是一个全局对象,代表打开的浏览器窗口。

由于使用频繁,在使用时一般省略 window 对象得名称。它有 navigator location document history screen frames[] 等子对象。

navigator 对象:提供浏览器对象的基本信息,包括浏览器名称、版本号、是否支持 Java 等。

Location 对象:对象用于访问当前加载在窗口中的文档的 URL

History 对象:对象包含最近访问过的网址列表。

screen 对象:给出用户电脑的各种显示属性。

document 对象:代表给定浏览器窗口中的 HTML 文档

      frames[] 数组:代表浏览器窗口显示区中的各个独立的小区域。

 

     <html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">


<script language="javascript" type="text/javascript">
 var newWindow;
 //打开窗口
 function openNewWindow()
 {
  //参数分别是:url地址、窗口名称、窗口参数
  newWindow=open("http://www.baidu.com","baidu",
   "width=700,heigth=600,resizable=yes,location=yes,   menubar=1,toolbar=1,scollbar=1,status=1");
  newWindow.focus();
 }
 //关闭窗口
 function closeNewWindow()
 {
  newWindow.close();
 }
 //移动和缩放窗口
 function moveNewWindow()
 {
  newWindow.moveTo(0,0);
  newWindow.resizeTo(600,450);
  parent.window.moveTo(320,240);//移动父窗体的位置
 }
 //定时任务
 function timerTask()
 {
  status="请注意这里,5秒钟后该提示消失!";//status是window对象的属性
  //设置延迟时间,返回一个内部ID值
  var timeout=setTimeout("window.status=''",5000);
  alert(timeout);
  //设置时间间隔,返回一个内部ID值
  var interval=setInterval("window.status=''",5000);
  alert(interval);
  //清除定时任务
  //clearTimeOut(timeout);
  //clearInterval(interval);
 }
 //滚动窗体
 function scrollWindow()
 {
  newWindow.scrollTo(360,240);
 }
</script>
</head>
<body>
 <h2>window对象的操作:</h2>
 <input type="button" value="打开窗口" onClick="openNewWindow();"/>
 <input type="button" value="关闭窗口" onClick="closeNewWindow();"/>
 <input type="button" value="移动窗口" onClick="moveNewWindow();"/>
 <input type="button" value="定时任务" onClick="timerTask();"/>
 <input type="button" value="滚动窗体" onClick="scrollWindow();"/>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值