Window Nesnesi

Window Nesnesi

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

如果文档包含框架（<iframe> 标记），浏览器会为 HTML 文档创建窗口对象，并为每个框架创建额外的窗口对象。

Window 对象属性

对象 描述
closed 窗口是否已被关闭返回。
console 返回窗口的 Console 对象。
defaultStatus 已弃用。窗口状态栏中的默认文本设置或返回。
document 返回窗口的 Document 对象。
frameElement 窗口中运行的框架返回。
frames 窗口中运行的所有窗口对象返回。
history 返回窗口的 History 对象。
innerHeight 窗口文档显示区高度返回。
innerWidth 窗口文档显示区宽度返回。
length 当前窗口中 <iframe> 元素数量返回。
localStorage 在 Web 浏览器中保存键/值对允许。没有过期日期的数据存储。
location 返回窗口的 Location nesnesi。
name 窗口名称设置或返回。
navigator 返回窗口的 Navigator nesnesi。
opener 创建窗口的窗口引用返回。
outerHeight 包括工具栏/滚动条的浏览器窗口高度返回。
outerWidth 包括工具栏/滚动条的浏览器窗口宽度返回。
pageXOffset 当前文档从窗口左上角（水平）滚动的像素值返回。
pageYOffset 当前文档从窗口左上角（垂直）滚动的像素值返回。
parent 返回当前窗口的父窗口。
screen 返回窗口的 Screen Nesnesi。
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() Belirtilen koordinatlara belgeyi kaydırır.
setInterval() Belirtilen kodu düzenli olarak çalıştırır.
setTimeout() Belirtilen süre sonra kodu çalıştırır.
stop() Pencereyi yüklemeyi durdurur.

Window nesnesi açıklaması

Window nesnesi tarayıcı penceresi veya çerçevesini temsil eder. İstemci JavaScript'te, Window nesnesi genel nesnedir, tüm ifadeler mevcut ortamda hesaplanır. Yani, mevcut pencereyi referans etmek için özel dilbilgisi gerekmez, o pencerenin özelliklerini genel değişken olarak kullanabilirsiniz. Örneğin, sadece documentve yazmadan.

Aynı şekilde, mevcut pencere nesnesi yöntemlerini fonksiyon olarak kullanabilirsiniz, yani sadece alert() yazabilirsiniz, Window.alert() yazmadan.

Yukarıda sıralanan özellikler ve yöntemlerin yanı sıra, Window nesnesi temel JavaScript tarafından tanımlanan tüm genel özellikleri ve yöntemleri de gerçekleştirir.

Window nesnesinin window özelliği ve self özelliğiReferans edilenler hepsi kendileridir. Eğer sadece mevcut pencereyi değil, açıkça referans etmek istiyorsanız, bu iki özellik kullanılabilir. Ayrıca bu iki özellik dışında, parent özelliği, top özelliği ve frame[] dizisi, mevcut Window nesnesi ile ilgili diğer Window nesnelerini referans eder.

Bir pencere içindeki bir çerçeveyi referanslamak için aşağıdaki dilbilgisi kullanılabilir:

frame[i]		// mevcut pencerenin çerçevesi
self.frame[i]	// mevcut pencerenin çerçevesi
w.frame[i]	// pencere w'nin çerçevesi

Bir çerçevenin ana penceresini (veya ana çerçevesini) referanslamak için aşağıdaki dilbilgisi kullanılabilir:

parent		// mevcut pencerenin ana penceresi
self.parent	// mevcut pencerenin ana penceresi
w.parent 		// pencere w'nin ana penceresi

En üst düzey pencereye sahip herhangi bir çerçeveyi referanslamak için aşağıdaki dilbilgisi kullanılabilir:

top		// mevcut çerçeveye ait en üst düzey pencere
self.top		// mevcut çerçeveye ait en üst düzey pencere
f.top		// çerçeve f'nin en üst düzey penceresi

Yeni en üst düzey tarayıcı penceresi Window.open() yöntemi ile oluşturulur. Bu yöntemi çağırırken, open() çağrısının döndürdüğü değeri bir değişkende saklamalı ve o değişkeni yeni pencereyi referanslamak için kullanmalısınız. Yeni pencerenin opener özelliğionun açtığı pencereye geri gönderilir.

Genellikle, Window nesnesi yöntemleri tarayıcı penceresi veya çerçeveyi belirli bir işlem için kullanır. Ancak alert() yöntemiveconfirm() yöntemive prompt yöntemifarklıdır, kullanıcılarla basit bir iletişim kutusu aracılığıyla etkileşime girerler.