JavaScript Window 窗口对象详解：属性、方法与事件

Window对象概述与核心属性

Window是JavaScript中最大的内置对象，代表浏览器当前的窗口实例。在调用其属性和方法时，通常可以省略“window.”前缀，直接通过属性名或方法名访问。此外，框架页面（frame）本身也被视为一个独立的窗口对象。

Window对象包含以下主要属性：

name：表示窗口的名称。该名称由打开该窗口的链接（如带有target属性的<a>标签）、框架页（<frame name="...">）或调用open()方法时指定的名称决定。通常情况下，开发者很少直接操作此属性。

status：用于获取或设置窗口底部的状态栏文本。通过给status赋值，可以自定义状态栏显示的内容，常用于提示用户当前操作状态。

opener：通过window.opener访问，返回打开当前窗口的父窗口对象。若当前窗口非由其他窗口打开，Netscape浏览器返回null，而IE浏览器返回undefined（未定义）。需注意，undefined并非JavaScript的关键字常量，直接引用“undefined”字符串将导致返回未定义值，因此在跨浏览器兼容处理中需谨慎对待。

self：指向当前窗口本身，其返回值与window对象完全一致。最常用的场景是配合<a>标签实现关闭当前窗口功能，例如：<a href="javascript:self.close()">关闭窗口</a>。

parent：返回当前窗口所属的父框架页对象。若当前窗口不在框架结构中，parent通常指向自身。

top：返回占据整个浏览器窗口最顶层的框架页对象。用于在嵌套框架中快速访问顶层窗口。

history：历史对象，用于管理浏览历史记录，具体用法见后续章节。

location：地址对象，用于获取或设置当前窗口的URL地址，具体用法见后续章节。

document：文档对象，代表当前加载的HTML文档，具体用法见后续章节。

窗口操作方法：open与close

Window对象还提供了一系列方法，包括：

open()：用于打开一个新的浏览器窗口。

语法格式如下：

open(<URL字符串>, <窗口名称字符串>, <参数字符串>);

参数说明：

<URL字符串>：指定新窗口加载的网页地址。若传入空字符串（''），则不加载任何网页，仅打开空白窗口。

<窗口名称字符串>：指定新窗口的名称（对应window.name）。支持使用内置保留字如'_top'、'_blank'等。该参数的作用类似于HTML中<a>标签的target属性。

<参数字符串>：定义新窗口的显示样式。若需打开默认样式的普通窗口，该参数可为空字符串（''）。若需定制窗口外观，可传入一个或多个以逗号分隔的参数。

示例：打开一个尺寸为400x100像素、无菜单栏和工具栏的空白窗口：

open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories=no,status=no, scrollbars=yes,resizable=yes')

top=#：指定窗口顶部距离屏幕顶部的像素值。

left=#：指定窗口左边缘距离屏幕左边缘的像素值。

width=#：指定窗口的宽度（像素）。

height=#：指定窗口的高度（像素）。

menubar=...：控制是否显示菜单栏，取值为yes或no。

toolbar=...：控制是否显示工具栏，取值为yes或no。

location=...：控制是否显示地址栏，取值为yes或no。

directories=...：控制是否显示连接区（如书签栏），取值为yes或no。

scrollbars=...：控制是否显示滚动条，取值为yes或no。

status=...：控制是否显示状态栏，取值为yes或no。

resizable=...：控制窗口是否允许用户调整大小，取值为yes或no。

注意：open()方法会返回一个新打开的窗口对象。例如：

var newWindow = open('','_blank');

通过将该返回值赋给变量（如newWindow），后续即可通过该变量对新窗口进行控制，如修改内容或关闭窗口。

close()：用于关闭一个已打开的窗口。

语法格式如下：

window.close()

或者

self.close()

主要功能是关闭当前窗口。

<窗口对象>.close()：用于关闭指定的窗口。需注意，若该窗口包含状态栏，调用此方法时浏览器会弹出确认对话框询问用户是否关闭，需等待用户选择；若窗口无状态栏，则直接关闭。

窗口控制与交互方法

此外，Window对象还提供以下辅助方法：

blur()：使当前窗口失去焦点，变为非活动窗口。

focus()：使当前窗口获得焦点，变为活动窗口。在Windows 98系统中，该方法可能仅表现为标题栏和任务栏按钮闪烁，以提示用户窗口试图获取焦点。

scrollTo()：语法为[<窗口对象>.]scrollTo(x, y)；用于将文档滚动至指定坐标点，使文档中左上角起算的(x, y)点移动到窗口左上角。

scrollBy()：语法为[<窗口对象>.]scrollBy(deltaX, deltaY)；用于使窗口向右滚动deltaX像素，向下滚动deltaY像素。若参数为负值，则向相反方向滚动。

resizeTo()：语法为[<窗口对象>.]resizeTo(width, height)；用于将窗口调整至指定的宽度和高度（像素）。

resizeBy()：语法为[<窗口对象>.]resizeBy(deltaWidth, deltaHeight)；用于使窗口宽度增加deltaWidth像素，高度增加deltaHeight像素。若参数为负值，则相应减小窗口尺寸。

alert()：语法为alert(<字符串>)；弹出一个仅包含“确定”按钮的提示对话框，显示指定字符串内容。在用户点击“确定”前，整个文档的加载和Script脚本的执行都会暂停。

confirm()：语法为confirm(<字符串>)；弹出一个包含“确定”和“取消”按钮的确认对话框，显示指定字符串内容，要求用户做出选择。在用户操作前，文档加载和脚本执行暂停。若用户点击“确定”，返回true；若点击“取消”，返回false。

prompt()：语法为prompt(<字符串>[, <初始值>])；弹出一个包含“确认”、“取消”按钮及文本输入框的对话框，显示指定字符串内容，要求用户输入数据。在用户操作前，文档加载和脚本执行暂停。若用户点击“确认”，返回文本框中的内容；若点击“取消”，返回null。若提供了<初始值>，文本框将预填该默认值。

窗口事件处理机制

Window对象还包含以下事件：

window.onload：在文档全部下载完毕时触发。这里的“全部下载完毕”指HTML文件、图片、插件、控件及小程序等所有资源均已加载完成。虽然onload是window的事件，但在HTML中定义事件处理程序时，通常将其写在<body>标签内。

window.onunload：在用户离开文档时触发（如关闭窗口或导航至其他页面）。与onload类似，若在HTML中定义，应写在<body>标签内。

window.onresize：在窗口大小被调整时触发。

window.onblur：在窗口失去焦点时触发。

window.onfocus：在窗口获得焦点时触发。

window.onerror：在发生错误时触发。其事件处理程序通常被称为“错误处理程序”(Error Handler)，用于捕获和处理脚本错误。若要忽略所有错误，可设置如下代码：

function ignoreError() {
return true;
} 
window.onerror = ignoreError;