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>