propriétés et méthodes de l'objet fenêtre
Propriétés de l'objet fenêtre
Tout d'abord, parcourez toutes les propriétés de l'objet fenêtre :
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>php.cn</title> <script> //循环遍历window对象的所有属性 /* for(name|index in obj|arr){ } 描述:只能循环数组的下标,或对象的属性。 说明:如果循环数组的话,每次循将取下标值。 对于数组中值为undefined的,不会循环。 循环数组,只返回有效的值。 如果循对象的话,每次循环取对象属性。 严格的来说,对象中没有方法一说,所有的都是属性。 将一个函数赋给一个属性后,这个属性就变成方法了。 */ var i = 1; for(var name in window) { document.write(i+" "+name+"<br>"); i++; } </script> </head> <body> </body> </html>
nom : Fait référence au nom de la fenêtre ou du cadre du navigateur. Ce nom est utilisé pour l'attribut cible de la balise a.
Définissez le nom de la fenêtre : window.name = « newWin »
Obtenez le nom de la fenêtre : document.write (name);
top : Représente la fenêtre de niveau supérieur. Par exemple : window.top
parent : représente la fenêtre parent, principalement utilisée pour les frames.
self : représente la fenêtre actuelle, principalement utilisée dans les frames.
innerWidth : fait référence à la largeur intérieure de la fenêtre du navigateur (hors barre de menu, barre d'outils, barre d'adresse, barre d'état). Cet attribut est pris en charge par Firefox.
Sous IE, utilisez document.documentElement.clientWidth au lieu de window.innerWidth
innerHeight : fait référence à la hauteur intérieure de la fenêtre du navigateur (hors barre de menu, barre d'outils, barre d'adresse, barre d'état). Cet attribut est pris en charge par Firefox.
Sous IE, utilisez document.documentElement.clientHeight au lieu de window.innerHeight
document.documentElement is< ;html> ; marquer l'objet
document.body est <body> marquer l'objet
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>php.cn</title> <script> //实例:测试当前网页的宽度和高度 //兼容所有浏览器 var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth; var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight; //输出结果 document.write("宽度:"+width+",高度:"+height); </script> </head> <body> </body> </html>
méthode d'objet fenêtre
-
alert() : affiche une boîte de dialogue d'avertissement.
prompt() : affiche une boîte de dialogue de saisie.
confirm() : affiche une boîte de dialogue de confirmation. Renvoie vrai si vous cliquez sur le bouton OK et faux si vous cliquez sur Annuler.
close() : Ferme la fenêtre
print() : Imprime la fenêtre
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>php.cn</title> <script> function delect() { if(window.confirm("你确认要删除吗?")){ //跳转到指定删除页面执行删除操作 location.href="http://www.php.cn"; } } </script> </head> <body> <a href="#" onClick="delect()">删除</a> </body> </html>