Objet Window

Objet Window

L'objet window représente la fenêtre ouverte dans le navigateur.

Si le document contient des cadres (<iframe> tag), le navigateur crée un objet de fenêtre pour le document HTML et crée des objets de fenêtre supplémentaires pour chaque cadre.

Propriétés de l'objet Window

Objet 描述
closed Retourne si la fenêtre a été fermée.
console 返回窗口的 Objet Console。
defaultStatus 已弃用。Définit ou retourne le texte par défaut dans la barre d'état de la fenêtre.
document 返回窗口的 Objet Document。
frameElement Retourne les cadres exécutés dans la fenêtre.
frames Retourne tous les objets de fenêtre exécutés dans la fenêtre.
history 返回窗口的 Objet History。
innerHeight Retourne la hauteur de la zone de visualisation du document de la fenêtre.
innerWidth Retourne la largeur de la zone de visualisation du document de la fenêtre.
length Retourne le nombre d'éléments <iframe> dans la fenêtre actuelle.
localStorage Permet de sauvegarder des paires clé/valeur dans le navigateur Web. Stocke des données sans date d'expiration.
location 返回窗口的 Objet Location。
name Définit ou retourne le nom de la fenêtre.
navigator 返回窗口的 Objet Navigator。
opener Retourne une référence à la fenêtre qui a créé la fenêtre actuelle.
outerHeight Retourne la hauteur de la fenêtre du navigateur, y compris la barre d'outils et la barre de défilement.
outerWidth Retourne la largeur de la fenêtre du navigateur, y compris la barre d'outils et la barre de défilement.
pageXOffset Retourne le nombre de pixels déroulés horizontalement depuis le coin supérieur gauche du document actuel.
pageYOffset Retourne le nombre de pixels déroulés verticalement depuis le coin supérieur gauche du document actuel.
parent retourne la fenêtre parente de la fenêtre actuelle。
screen 返回窗口的 Objet Screen。
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() Faire défiler le document jusqu'aux coordonnées spécifiées.
setInterval() Exécuter le code de manière périodique.
setTimeout() Exécuter le code après un certain temps.
stop() Arrêter le chargement de la fenêtre.

Description de l'objet Window

L'objet Window représente la fenêtre ou le cadre du navigateur. Dans JavaScript client, l'objet Window est un objet global, et toutes les expressions sont calculées dans l'environnement courant. Cela signifie que pour faire référence à la fenêtre courante, vous n'avez pas besoin de syntaxe spéciale, vous pouvez utiliser les propriétés de cette fenêtre comme des variables globales. Par exemple, vous pouvez écrire simplement documentau lieu d'écrire window.document.

De même, vous pouvez utiliser les méthodes de l'objet window en tant que fonctions, par exemple, écrire simplement alert() sans écrire Window.alert().

En plus des propriétés et des méthodes énumérées ci-dessus, l'objet Window implémente toutes les propriétés et méthodes globales définies par JavaScript de base.

La propriété window de l'objet Window et propriété selfTous ces exemples se réfèrent à eux-mêmes. Lorsque vous souhaitez explicitement faire référence à la fenêtre courante, et non pas implicitement, vous pouvez utiliser ces deux propriétés. En plus de ces deux propriétés, la propriété parent, la propriété top et l'array frame[] référentent d'autres objets Window associés à l'objet Window courant.

Pour faire référence à un cadre dans une fenêtre, vous pouvez utiliser la syntaxe suivante :

frame[i]		//cadre de la fenêtre courante
self.frame[i]	//cadre de la fenêtre courante
w.frame[i]	//cadre de la fenêtre w

Pour faire référence au parent d'un cadre (ou au cadre parent), vous pouvez utiliser la syntaxe suivante :

parent		//fenêtre parent de la fenêtre courante
self.parent	//fenêtre parent de la fenêtre courante
w.parent 		//fenêtre parent de la fenêtre w

Pour faire référence à n'importe quel cadre contenu dans la fenêtre de sommet, vous pouvez utiliser la syntaxe suivante :

top		//fenêtre de sommet du cadre courant
self.top		//fenêtre de sommet du cadre courant
f.top		//fenêtre de sommet du cadre f

Une nouvelle fenêtre de navigateur en haut de la pile est créée par la méthode Window.open(). Lorsque vous appelez cette méthode, vous devriez stocker la valeur de retour de open() dans une variable, puis utiliser cette variable pour faire référence à la nouvelle fenêtre. La nouvelle fenêtre a propriété openerréférent à la fenêtre qui l'a ouverte.

En général, les méthodes de l'objet Window effectuent une certaine opération sur la fenêtre ou le cadre du navigateur. Et méthode alert()、méthode confirm()et méthode promptdiffèrent, ils interagissent avec l'utilisateur via des boîtes de dialogue simples.