JavaScript中Window对象的属性及事件

Window 对象

Window 对象表示浏览器中打开的窗口。

如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

注释：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。

windows对象属性

属性 描述 closed 返回窗口是否已被关闭。 defaultStatus 设置或返回窗口状态栏中的默认文本。 document 对 Document 对象的只读引用。请参阅 Document 对象。 history 对 History 对象的只读引用。请参数 History 对象。 innerheight 返回窗口的文档显示区的高度。 innerwidth 返回窗口的文档显示区的宽度。 length 设置或返回窗口中的框架数量。 location 用于窗口或框架的 Location 对象。请参阅 Location 对象。 name 设置或返回窗口的名称。 Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。 opener 返回对创建此窗口的窗口的引用。 outerheight 返回窗口的外部高度。 outerwidth 返回窗口的外部宽度。 pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 parent 返回父窗口。 Screen 对 Screen 对象的只读引用。请参数 Screen 对象。 self 返回对当前窗口的引用。等价于 Window 属性。 status 设置窗口状态栏的文本。 top 返回最顶层的先辈窗口。 window window 属性等价于 self 属性，它包含了对窗口自身的引用。

• screenLeft
• screenTop
• screenX
• screenY

windows对象方法

方法 描述 alert() 显示带有一段消息和一个确认按钮的警告框。 blur() 把键盘焦点从顶层窗口移开。 clearInterval() 取消由 setInterval() 设置的 timeout。 clearTimeout() 取消由 setTimeout() 方法设置的 timeout。 close() 关闭浏览器窗口。 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 createPopup() 创建一个 pop-up 窗口。 focus() 把键盘焦点给予一个窗口。 moveBy() 可相对窗口的当前坐标把它移动指定的像素。 moveTo() 把窗口的左上角移动到一个指定的坐标。 open() 打开一个新的浏览器窗口或查找一个已命名的窗口。 print() 打印当前窗口的内容。 prompt() 显示可提示用户输入的对话框。 resizeBy() 按照指定的像素调整窗口的大小。 resizeTo() 把窗口的大小调整到指定的宽度和高度。 scrollBy() 按照指定的像素值来滚动内容。 scrollTo() 把内容滚动到指定的坐标。 setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。 setTimeout() 在指定的毫秒数后调用函数或计算表达式。

不同的运行环境有不同的“顶层对象”，而在浏览器的环境中，顶层对象就是window对象。window就是指当前的浏览器窗口。

例：var a = 1；

window.a; //1

1.window对象的属性。

（1）window.name属性

window.name用于设置浏览器当前浏览器窗口的名字。其特点为浏览器刷新后，该属性保持不变。

（2）window.innerHeight属性，window.innerWidth属性

这两个属性返回网页的css布局占据的浏览器窗口的高度和宽度。这两个属性的值包括浏览器的滚动条的高度和宽度。

（3）window.pageXoffset属性和window.pageYoffset属性。

window.pageXoffset返回页面水平滚动的距离。window.pageYoffset返回页面垂直滚动的距离。

（4）iframe元素

window.iframe返回一个类似数组的对象。

（5）screen对象

显示设备的信息。

// 显示设备的高度，单位为像素
　　screen.height
// 1920
// 显示设备的宽度，单位为像素
　　screen.width
// 1080

2.window对象的事件。

（1）onerror事件。

oonerror事件是一种老式的标准的在网页中捕获 Javascript 错误的方法。

（2）alert()，prompt()，confirm()

都是浏览器用来与用户互动的方法。它们会弹出不同的对话框。

例：alert("Hello World");

alert();弹出的对话框，只有一个“确定”按钮，往往用来通知用户某些信息。

例：var result = prompt('您的年龄？', 25)

prompt();弹出的对话框，有一个输入框，要求用户输入信息，并有“确定”和“取消”两个按钮。这个方法往往用来获取用户输入的数据。

例：var result = confirm("你最近好吗？");

confirm()；confirm方法返回一个布尔值，如果用户点击“确定”，则返回true；如果用户点击“取消”，则返回false。