JavaScript fournit un ensemble d'objets avec fenêtre comme noyau, réalisant le contrôle d'accès des fenêtres du navigateur. 6 objets importants sont définis en javascript:
L'objet de fenêtre représente une fenêtre qui s'ouvre dans le navigateur;
L'objet de document représente l'objet document qui charge la page du navigateur;
L'objet de localisation contient les informations d'URL actuelles du navigateur;
L'objet de navigation contient des informations sur le navigateur lui-même;
L'objet d'écran contient des informations sur l'écran du client et les capacités de rendu;
L'objet historique contient les informations historiques du navigateur accédant à la page Web.
En plus de l'objet Window, les cinq autres objets sont des propriétés de l'objet Window. Leur relation est la suivante:
1. Objet Windows
L'objet Window est un objet global JavaScript, donc les propriétés et les méthodes d'utilisation de l'objet Window n'ont pas besoin d'être spécifiées. Par exemple: alerte, l'appel complet est en fait Window.Alert, qui omet généralement la référence à l'objet de fenêtre.
1. Propriétés, méthodes et événements de l'objet Windows
| Nom d'attribut | effet | démo |
|---|---|---|
| nom | Spécifiez le nom de la fenêtre | |
| mère | La fenêtre parent de la fenêtre actuelle (trame), l'utilisant pour renvoyer la méthode et les propriétés de l'objet | |
| ouvreur | Renvoie l'objet de fenêtre qui produit la fenêtre actuelle et l'utilise pour retourner la méthode et les propriétés de l'objet | |
| haut | Il représente la fenêtre principale, est la fenêtre de niveau supérieur et est également la fenêtre parent de toutes les autres fenêtres. Les méthodes et les propriétés de la fenêtre actuelle sont accessibles via cet objet | |
| Soi | Renvoie un objet dans la fenêtre actuelle par laquelle les méthodes et les propriétés de la fenêtre actuelle sont accessibles. | |
| defaultstatus | Retourner ou définir le contenu par défaut qui sera affiché dans la barre d'état du navigateur | |
| statut | Retourner ou définir le contenu spécifié qui sera affiché dans la barre d'état du navigateur |
| Nom de méthode | effet | démo |
|---|---|---|
| alerte() | Affiche une boîte de dialogue d'alerte contenant un message et un bouton OK | |
| confirmer() | Afficher une boîte de dialogue de confirmation | |
| rapide() | Afficher une boîte de dialogue invite, ce qui incite l'utilisateur à saisir des données | |
| ouvrir() | Ouvrez une fenêtre existante ou créez une nouvelle fenêtre et chargez un document dans cette fenêtre | |
| fermer() | Fermez une fenêtre ouverte | |
| naviguer() | Afficher la page Web spécifiée dans la fenêtre actuelle | |
| setTimeout () | Définissez une minuterie et appelez une fonction après le passage de l'intervalle de temps spécifié. | |
| ClearTimeout () | Réinitialisez la minuterie spécifiée | |
| se concentrer() | Faire un objet de fenêtre obtenez le foyer actuel | |
| se brouiller() | Faire perdre un objet de fenêtre |
| événement | illustrer | démo |
|---|---|---|
| en charge | Se produit lorsque les fichiers HTML sont chargés dans le navigateur | |
| onunload | Se produit lorsque les fichiers HTML sont supprimés du navigateur | |
| onfocus | Se produit lorsque la fenêtre se concentre sur | |
| onduler | Se produit lorsque la fenêtre perd le foyer | |
| onhel | Se produit lorsque l'utilisateur appuie sur la touche F1 | |
| semesize | Se produit lorsque l'utilisateur redimensionne la fenêtre | |
| onscroll | Se produit lorsque l'utilisateur fait défiler la fenêtre | |
| onerror | Se produit lorsqu'une erreur se produit lors du chargement d'un fichier HTML |
2. Les fonctions principales fournies par l'objet de fenêtre:
Ajustez la taille et la position de la fenêtre, ouvrez une nouvelle fenêtre, une boîte d'invite système, une commande de barre d'état et des opérations de synchronisation. Voici les descriptions suivantes de ces 5 fonctions.
(1) ajuster la taille et la position de la fenêtre
méthode | usage | illustrer |
window.moveby Déplacez la fenêtre du navigateur à l'emplacement spécifié (positionnement relatif) | window.moveby (dx, dy) | Pour la sécurité et les bonnes considérations utilisateur, les scripts JavaScript ne peuvent pas être utilisés pour déplacer des fenêtres à l'extérieur de la zone visuelle. La fenêtre du navigateur doit toujours être garanti d'être dans la zone visuelle de l'écran. |
window.moveto Déplacez la fenêtre du navigateur à l'emplacement spécifié (Positionnement absolu) | window.moveby (x, y) | Si les coordonnées spécifiées (x, y) mettent une partie ou toutes les fenêtres à l'extérieur de la zone visible, la fenêtre restera la plus proche du bord de l'écran. |
window.resizeby Modifiez la taille de la fenêtre du navigateur en largeur et hauteur spécifiées (redimensionner relativement la fenêtre) | window.resizeby (dw, dh) | |
fenêtre.Resizeto Modifiez la taille de la fenêtre du navigateur en largeur et hauteur spécifiées (redimensionner absolument la fenêtre) | Window.Resizeto (W, H) | La largeur et la hauteur spécifiées ne peuvent pas être négatives |
(2) Ouvrez une nouvelle fenêtre
Utilisation: Window.Open ([URL], [Target], [Options])
URL du paramètre: L'URL à charger dans la nouvelle fenêtre. Si aucun paramètre n'est spécifié, la page vierge sera chargée par défaut. Par exemple: window.open ("test.htm");
Cible paramètre: la cible ou le nom de la fenêtre nouvellement ouverte
_self chargez une nouvelle page dans la fenêtre actuelle
_blank Chargez une nouvelle page dans une nouvelle fenêtre
_Parent charge une nouvelle page dans la fenêtre parent
_top charge une nouvelle page dans la fenêtre supérieure
Options de paramètres: Les propriétés de la fenêtre nouvellement ouverte sont composées de plusieurs options, séparées par des virgules, et chaque option contient le nom et la valeur de l'option.
Options | illustrer |
hauteur | La hauteur de la fenêtre, les pixels unitaires |
largeur | La largeur de la fenêtre, les pixels unit |
gauche | La position du bord gauche de la fenêtre |
haut | La position du bord supérieur de la fenêtre |
plein écran | S'il faut être plein écran, valeur par défaut non |
emplacement | Que ce soit afficher la barre d'adresse, la valeur par défaut est oui |
menubar | Que ce soit afficher la barre de menu, la valeur par défaut est oui |
Redonnable | Que ce soit pour modifier la taille de la fenêtre, la valeur par défaut est oui |
barres de défilement | S'il faut afficher les barres de défilement, valeur par défaut oui |
statut | Que ce soit afficher la barre d'état, la valeur par défaut est oui |
barre de titre | Que ce soit afficher la barre de titre, la valeur par défaut est oui |
barre d'outils | Que ce soit afficher la barre d'outils, la valeur par défaut est oui |
(3) Boîte d'invite du système
Window.Alert Affiche la boîte d'invite de message, utilisation Window.Alert ([message]); (Remarque: les objets de fenêtre sont généralement omis et l'alerte est directement utilisée)
Window.confirm affiche une boîte de dialogue de confirmation qui inclut les boutons OK et Annuler.
Window.prompt Affiche une boîte d'invite de message contenant une zone d'entrée de texte.
Utilisation: Window.prompt ([Message], [par défaut]); Le message est le texte affiché dans la zone d'invite, et la valeur par défaut est la valeur par défaut de la zone de texte.
(4) Contrôle de la barre d'état
Contrôlé via la propriété Window.status. Par exemple: window.status = "invite d'erreur"; Cela affectera l'expérience utilisateur, il n'est donc pas recommandé de modifier les informations sur la barre d'état.
(5) opération chronométrée
Les opérations de synchronisation sont couramment utilisées dans le développement Web. En développement basé sur la technologie AJAX, il existe un type d'application qui doit accéder régulièrement au serveur backend et mettre à jour la page Frontend. Ce type de mise en œuvre de l'application dépend généralement des fonctions de fonctionnement de synchronisation.
Il existe quatre fonctions de fonctionnement de synchronisation: Window.SetInterval, Window.ClearInterval, Window.SetTimeout et Window.ClearTimeout. Ces quatre fonctions sont des méthodes d'objets de fenêtre, ce qui signifie que les opérations de synchronisation du navigateur sont complétées par la fenêtre du navigateur. Ce qui suit est une introduction détaillée à l'utilisation de ces quatre méthodes.
① Window.SetInterval définit le temporisateur et exécute le code spécifié Window.SetInterval (code, temps);
Description: Le paramètre de code peut être une fonction ou un code JavaScript sous la forme d'une chaîne
Le paramètre de temps est l'intervalle de temps pour exécuter le code et l'unité est MS.
② Window.ClearInterval Effacer la minuterie définie par la fonction SetInterval Window.ClearInterval (temps);
③ Window.SetTimeout Définit le temporisateur et exécute le code spécifié Window.SetTimeout (code, heure);
Remarque: Le paramètre de code peut être une fonction ou un code JavaScript sous la forme d'une chaîne. La différence entre setTimeout et SetInterval est que SetTimeout exécute le code spécifié une fois.
Le paramètre de temps est l'intervalle de temps pour exécuter le code et l'unité est MS.
④ Window.ClearTimeout Effacez la minuterie définie par la Fonction Settimeout Window.ClearTimeout (heure);
L'explication détaillée ci-dessus de Window Object, l'un des objets de navigateur JavaScript, est tout le contenu partagé par l'éditeur. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.