Window Object

Window Object

The window object represents the window opened in the browser.

If the document contains frames (the <iframe> tag), the browser will create a window object for the HTML document and create additional window objects for each frame.

Window object properties

Object 描述
closed Return whether the window has been closed.
console 返回窗口的 Console object。
defaultStatus 已弃用。Set or return the default text in the window status bar.
document 返回窗口的 Document object。
frameElement Return the frames running in the window.
frames Return all window objects running in the window.
history 返回窗口的 History object。
innerHeight Return the height of the document display area of the window.
innerWidth Return the width of the document display area of the window.
length Return the number of <iframe> elements in the current window.
localStorage Allow key/value pairs to be saved in a Web browser. Store data that does not have an expiration date.
location 返回窗口的 Location objekt。
name Set or return the name of the window.
navigator 返回窗口的 Navigator objekt。
opener Return a reference to the window that created the window.
outerHeight Return the height of the browser window, including the toolbar/scroll bar.
outerWidth Return the width of the browser window, including the toolbar/scroll bar.
pageXOffset Return the number of pixels the current document has scrolled from the top left corner (horizontal) of the window.
pageYOffset Return the number of pixels the current document has scrolled from the top left corner (vertical) of the window.
parent 返回当前窗口的父窗口。
screen 返回窗口的 Screen objekt。
screenLeft 返回窗口相对于屏幕的水平坐标。
screenTop 返回窗口相对于屏幕的垂直坐标。
screenX 返回窗口相对于屏幕的水平坐标。
screenY 返回窗口相对于屏幕的垂直坐标。
sessionStorage 允许在 Web 浏览器中保存键/值对。存储会话的数据。
scrollX pageXOffset 的别名。
scrollY pageYOffset 的别名。
self 返回当前窗口。
status 已弃用。请避免使用它。
top 返回最顶层的浏览器窗口。

Window 对象方法

方法 描述
alert() 显示带有消息和确定按钮的警报框（对话框）。
atob() 解码 base-64 编码的字符串。
blur() 从当前窗口移除焦点。
btoa() 以 base-64 编码字符串。
clearInterval() 清除使用 setInterval() 设置的计时器。
clearTimeout() 清除使用 setTimeout() 设置的计时器。
close() 关闭当前窗口。
confirm() 显示对话框，其中包含消息以及确定和取消按钮。
focus() 将焦点设置到当前窗口。
getComputedStyle() 确定应用到一个文档元素的 CSS 样式。
getSelection() 返回 Selection 对象，表示用户选择的文本范围。
matchMedia() 返回 MediaQueryList 对象，表示指定的 CSS 媒体查询字符串。
moveBy() 相对于其当前位置移动窗口。
moveTo() 将窗口移动到指定位置。
open() 打开新的浏览器窗口。
print() 打印当前窗口的内容。
prompt() 用对话框请求输入一条简单的字符串。
requestAnimationFrame() 请求浏览器在下一次重绘之前调用函数来更新动画。
resizeBy() 按指定像素调整窗口大小。
resizeTo() 将窗口大小调整为指定的宽度和高度。
scroll() 已弃用。此方法已被 scrollTo() 方法 取代。
scrollBy() 按指定的像素数滚动文档。
scrollTo() Skrul dokumentet til specificerede koordinater.
setInterval() Udfør angivet kode periodisk.
setTimeout() Kør kode efter en angivet tid.
stop() Stoppe laden af vindue.

Window objektbeskrivelse

Window objektet repræsenterer browserens vindue eller ramme. I klient JavaScript er Window objektet et globalt objekt, og alle udtryk beregnes i det aktuelle miljø. Det vil sige, at der ikke er brug for speciel syntaks for at referere til det aktuelle vindue, og man kan bruge vindueets egenskaber som globale variabler. For eksempel kan man kun skrive documenti stedet for at skrive window.document.

Samme, kan man bruge metoderne i det aktuelle vindueobjekt som funktioner, såsom kun at skrive alert(), uden at skrive Window.alert().

Udover de nævnte egenskaber og metoder har Window objektet også implementeret alle de globale egenskaber og metoder defineret af core JavaScript.

Window objektets window egenskab og self egenskabenBegge refererer til dem selv. Når du vil specifikt referere til det aktuelle vindue, og ikke kun implicit referere til det, kan du bruge disse egenskaber. Udover disse egenskaber refererer parent egenskaben, top egenskaben og frame[] listen til andre Window objekter relateret til det aktuelle Window objekt.

For at referere til en ramme i et vindue, kan man bruge følgende syntaks:

frame[i]		//Den nuværende vindue's ramme
self.frame[i]	//Den nuværende vindue's ramme
w.frame[i]	//Vindue w's ramme

For at referere til forældren til en ramme (eller forældre ramme), kan man bruge følgende syntaks:

parent		//Den nuværende vindue's forældre vindue
self.parent	//Den nuværende vindue's forældre vindue
w.parent 		//Vindue w's forældre vindue

For at referere til enhver ramme indeholdt i toppen vindue, kan man bruge følgende syntaks:

top		//Den nuværende ramme's toppen vindue
self.top		//Den nuværende ramme's toppen vindue
f.top		//Ramme f's toppen vindue

En ny toppen browser vindue oprettes af metoden Window.open(). Når man kalder denne metode, skal man gemme tilbageværdien af open() i en variabel, og derefter bruge denne variabel til at referere til det nye vindue. Det nye vindues opener egenskabenrefererer til det vindue, der åbnede det.

Generelt settes metoderne i Window-objektet til at udføre visse operationer på browserens vindue eller ramme. Og alert() metoden、confirm() metodenog prompt metodende adskiller sig, de interagerer med brugeren gennem enkle dialoger.