在浏览器对象中,Window对象表示浏览器的窗口,其他对象都继承自Window对象,并且是通过Window对象访问的。
Window对象可用于检索有关窗口的状态信息,也可以用来显示Document对象和访问窗口中发生的事件。
由于Window对象是其他浏览器对象的共同祖先,所以一般在JavaScript程序中可以省略Window对象。我们在写的时候如alert可以直接写。
浏览器打开HTML文档时,通常会创建一个Window对象。然而,如果文档中定义了一个或多个框架,浏览器将为原始文档创建一个Window对象,并为每一个框架创建一个附加的Window对象。附加的对象是原始窗口的子窗口,会受到原始父窗口中发生的操作的影响。例如,如果关闭原始窗口,所有的子窗口也会被关闭
JavaScript 层级中的顶层对象。Window 对象表示浏览器窗口。每当 <body> 或者 <frameset> 标签出现,Window 对象就会被自动创建。
Window对象的属性(包括很多的,这里只是一部分)
名称说明
document 表示浏览器窗口中的HTML文档
event 提供所发生事件的信息,给出关于触发事件的元素、键盘上键的状态、鼠标的位置和鼠标按钮的状态等事件的信息。
history 包含有关客户访问过的URL信息
location 包含有关当前URL的信息。
name 设置或检索窗口或框架的名称
navigator 包含有关Web(客户端)浏览器的信息
screen 包含客户端屏幕和显示性能的信息
paren 表示当前窗口的父窗口
external 返回浏览网页的主机
satus 设置或检索窗口底部状态栏内的信息
defaultStatus设置在窗口状态栏中显示的默认信息(在加载页面时显示)
方法:
Window对象的方法
名称说明
alert(“msg”)显示包含信息的对话框
close关闭当前浏览器窗口。
focus()使控件接收焦点
open(“url”, “name”)打开新窗口,并加载URL中指定的文档;如果没有提供URL,则打开一个空白文档。
<HTML>
<HEAD>
<TITLE>使用Window对象</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var w;
function openwindow()
{
w=window.open("http://www.google.com");
window.status="使用Window对象的方法和属性";
}
function closewindow()
{
w.close();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button" VALUE="打开窗口" ONCLICK="openwindow()">
<INPUT TYPE="button" VALUE="关闭窗口" ONCLICK="closewindow()">
</FORM>
</BODY>
</HTML>
在以上代码中,使用了open方法在新窗口中打开网页,使用了close方法关闭新打开的窗口。图13.2显示了在浏览器中看该HTML页面时的输出结果。
注意:Window属性、方法和集合的名称是保留的关键字,不能用作变量名和函数名。