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>

Formation continue

nouveau fichier

<!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>

soumettre Réinitialiser le code

Opération automatique

propriétés et méthodes de l'objet fenêtre

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]