Maison > Article > interface Web > Explication détaillée du cours sur les objets Windows en JS
Explication détaillée du cours d'objet Windows en JS
1 Description : C'est le plus grand objet en JS. Il décrit généralement une fenêtre de navigateur. vous souhaitez référencer ses propriétés et méthodes, vous n'avez pas besoin d'utiliser le formulaire "Window.XXX", mais utilisez directement "XXX". Une page cadre est aussi une fenêtre.
2. L'objet Window a les attributs suivants.
1.name Le nom de la fenêtre, constitué de la connexion qui l'a ouverte (2772201cdc8da66f4f160b6ac67b783f) ou de la page du cadre (a3ecdb435edc3b1b29c1b32ebb40ede9) ou Déterminé par la méthode open() (voir ci-dessous) appelée par une certaine fenêtre. En général, nous n'utiliserons pas cet attribut.
2. Le statut fait référence au contenu affiché dans la « barre d'état » en bas de la fenêtre. En attribuant une valeur au statut, l'affichage de la barre d'état peut être modifié.
Utilisation de 3.opener : window.opener; renvoie l'objet window qui ouvre cette fenêtre. Remarque : Ce qui est renvoyé est un objet window. Si la fenêtre n'est pas ouverte par une autre fenêtre, cette propriété renvoie null dans Netscape et "undefined" dans IE. undefined est égal à null dans une certaine mesure. Remarque : undefined n'est pas une constante JavaScript Si vous essayez d'utiliser "undefined", il renverra en réalité "undefined".
4.self fait référence à la fenêtre elle-même, et l'objet qu'elle renvoie est exactement le même que l'objet window. Le plus couramment utilisé est "self.close()", placé dans la balise 3499910bf9dac5ae3c52d5ede7383485 : "09ce8ddd3e0a485a89a4903d83b6db45Fermer la fenêtre5db79b134e9f6b82c0b36e0489ee08ed".
5.parent renvoie l'objet page frame auquel appartient la fenêtre.
6.top renvoie l'objet frame page occupant le haut de toute la fenêtre du navigateur.
3. L'objet Window a les méthodes suivantes.
1.open(4c0a42f49eb0fba13fae226c0d0be762, ce19f736eb62ffd9daaac84166db827e, c6919b1aaf4b53e8441b017f605517f5);
Description :
0242a020c52abea39067a61b342eeff7 : décrit la page Web vers laquelle la fenêtre ouverte s'ouvre. Si laissé vide (''), aucune page Web ne sera ouverte.
d962e20cb43ff0e9561e42d049f4eff3 : décrit le nom de la fenêtre ouverte (window.name). Vous pouvez utiliser des noms intégrés tels que "_top" et "_blank". Le nom ici est le même que l'attribut "target" dans "2b387183a63764cad37e4377e31dcc3a".
1b6506de62d9d9491052c434fac0e281 : Décrit l'apparence de la fenêtre ouverte. Si vous avez seulement besoin d'ouvrir une fenêtre normale, laissez la chaîne vide (''). Si vous souhaitez spécifier l'apparence, écrivez un ou plusieurs paramètres dans la chaîne, séparés par des virgules.
Exemple : Ouvrez une fenêtre propre de 400 x 100 : open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories= no, status=no, scrollbars=yes,resizing=yes')
Paramètres de open()
top=# Le nombre de pixels entre le haut de la fenêtre et le haut de l'écran
left= # L'extrémité gauche de la fenêtre quitte l'écran Le nombre de pixels à l'extrémité gauche
width=# La largeur de la fenêtre
height=# La hauteur de la fenêtre
menubar=... Si le la fenêtre a un menu, la valeur est oui ou non
toolbar=... La fenêtre a Il n'y a pas de barre d'outils, la valeur est oui ou non
location=... Si la fenêtre a une barre d'adresse, la la valeur est oui ou non
directories=... Que la fenêtre ait une zone de connexion, la valeur est oui ou non
scrollbars=... Que la fenêtre ait des barres de défilement, la valeur est oui ou non
status=... Si la fenêtre a une barre d'état, la valeur est oui ou non
resizing=... Si la fenêtre sera redimensionnée, La valeur est oui ou non
Remarque : l'open() La méthode a une valeur de retour, et ce qui est renvoyé est l’objet fenêtre qu’elle ouvre. Par exemple,
var newWindow = open('','_blank');
De cette façon, une nouvelle fenêtre est affectée à la variable "newWindow". peut être contrôlé via la variable "newWindow".
close() ferme une fenêtre ouverte.
blur() éloigne le focus de la fenêtre et la fenêtre devient une "fenêtre inactive".
focus() fait en sorte que la fenêtre prenne le focus et devienne la "fenêtre active". Cependant, sous Windows 98, cette méthode ne peut que faire clignoter les boutons correspondants de la barre de titre et de la barre des tâches de la fenêtre, indiquant à l'utilisateur que la fenêtre tente d'obtenir le focus.
scrollTo() Utilisation : [9bf54662ab0eebf19bebd7f4139e648f.]scrollTo(x, y); Faites défiler la fenêtre pour que le document défile du point (x, y) en comptant du coin supérieur gauche au coin supérieur gauche de la fenêtre.
scrollBy() Utilisation : [9bf54662ab0eebf19bebd7f4139e648f.]scrollBy(deltaX, deltaY); fait défiler la fenêtre vers la droite par pixels deltaX et vers le bas par pixels deltaY. Une valeur négative défile dans le sens opposé.
resizeTo() Utilisation : [9bf54662ab0eebf19bebd7f4139e648f.]resizeTo(width, height); provoque le redimensionnement de la fenêtre en pixels de largeur et en pixels de hauteur.
resizeBy() Utilisation : [9bf54662ab0eebf19bebd7f4139e648f.]resizeBy(deltaWidth, deltaHeight); provoque le redimensionnement de la fenêtre, augmentant la largeur de deltaWidth pixels et la hauteur de deltaHeight pixels. S'il prend une valeur négative, il diminue.
alert() Utilisation : alert(f7e83be87db5cd2d9a8a0b8117b38cd4); Affiche une boîte de dialogue contenant uniquement le bouton "OK", affichant le contenu de f7e83be87db5cd2d9a8a0b8117b38cd4. La lecture de l'intégralité du document et l'exécution du script seront interrompues. jusqu'à ce que l'utilisateur appuie sur OK.
Utilisation de confirm() : confirm(98c455a79ddfebb79781bff588e7b37e); fait apparaître une boîte de dialogue contenant les boutons "OK" et "Annuler", affiche le contenu de 98c455a79ddfebb79781bff588e7b37e et demande à l'utilisateur de faire un choix. des documents et l'exécution des scripts seront suspendus. Renvoie une valeur vraie si l'utilisateur a appuyé sur OK et une valeur fausse si l'utilisateur a appuyé sur Annuler.
prompt() Utilisation : prompt(f7e83be87db5cd2d9a8a0b8117b38cd4[, 237cd82de8cab9cca2147022960ca4ca]); Affiche une boîte de dialogue contenant "Confirmer", "Annuler" et une zone de texte, affichant le contenu 7669cf97b6dad3dde191726e40fd1553 est spécifié, la zone de texte aura une valeur par défaut.
4. L'objet Window a les événements suivants :
window.onload; Tous les téléchargements sont terminés, ce qui signifie que non seulement les fichiers HTML, mais également toutes les images, plug-ins, contrôles, applets, etc. inclus ont été téléchargés. Cet événement est un événement de fenêtre, mais lorsque nous spécifions le programme gestionnaire d'événements en HTML, nous l'écrivons dans la balise 6c04bd5ca3fcae76e30b72ad730ca86d
window.onunload; se produit lorsque l'utilisateur quitte le document (ou ferme la fenêtre, ou accède à une autre page). Comme onload, si vous souhaitez l'écrire en HTML, écrivez-le dans la balise 6c04bd5ca3fcae76e30b72ad730ca86d
window.onresize; se produit lorsque la fenêtre est redimensionnée.
window.onblur ; se produit lorsque la fenêtre perd le focus.
window.onfocus ; se produit lorsque la fenêtre obtient le focus.
window.onerror; se produit lorsqu'une erreur se produit. Son gestionnaire d'événements est généralement appelé "Error HandlingProgram" (Error Handler), qui est utilisé pour gérer les erreurs. Comme mentionné ci-dessus, pour ignorer toutes les erreurs, utilisez simplement :
function ignoreError() { return true; } window.onerror = ignoreError;
Ce qui précède est le cours sur les objets Windows en JS que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.
Articles connexes :
Introduction détaillée à plusieurs types de gestionnaires d'événements dans js
Mises à jour des réponses clés Charger le JS script et expliquez-le en une phrase
Parcourez les valeurs dans la collection EL expression List en javascript
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!