Nous savons que le modèle d'objet de navigateur (BOM) est l'un des composants de JavaScript, qui fournit des objets qui interagissent avec la fenêtre du navigateur indépendamment du contenu. Sa structure hiérarchique est la suivante:
L'objet Window est le cœur de l'ensemble de la nomenclature, qui comprend le document (objet de document), l'emplacement (objet d'adresse) et l'historique (composition d'objets historiques).
Syntaxe pour appeler les propriétés d'objets:
1. Objet. Attribut name = "Attribut Value";
2. Object ["Attribute Name String"] = "Attribute Value";
Syntaxe pour appeler les méthodes d'objets:
1. Le nom de la méthode de l'objet ();
2. Object ["Method Name String"] ();
Méthodes courantes des objets de fenêtre
Méthodes courantes des objets de fenêtre
| nom | illustrer |
| rapide() | Affiche une boîte de dialogue qui invite l'utilisateur à entrer |
| alerte() | Affiche une boîte de dialogue d'avertissement avec un gros message rapide et un bouton OK |
| confirmer() | Afficher une boîte de dialogue avec un message rapide, "OK" et "Annuler" |
| fermer() | Fermez la fenêtre du navigateur |
| ouvrir() | Ouvrez une nouvelle fenêtre de navigateur pour charger le document spécifié par l'URL donnée |
| setTimeout () | Appelez une fonction ou calculez une expression après avoir spécifié un certain nombre de millisecondes |
| setInterval () | Appelez une fonction ou calculez une expression en fonction de la période spécifiée (enregistrée en millisecondes) |
Propriétés des caractéristiques de la fenêtre
| nom | illustrer |
| hauteur, largeur | Hauteur et largeur (enregistrée en pixels) |
| gauche, en haut | Les coordonnées X et Y de la fenêtre sont enregistrées en pixels |
| barre d'outils | S'il faut afficher la barre d'outils du navigateur |
| barres de défilement | S'il faut afficher les barres de défilement |
| emplacement | S'il faut afficher la barre d'adresse |
| statut | S'il faut ajouter une barre d'état |
| menubar | S'il faut afficher la barre de menu |
| Redonnable | La fenêtre est-elle réglable en taille |
| barre de titre | S'il faut afficher la barre de titre |
| plein écran | S'il faut utiliser le mode plein écran pour afficher le navigateur |
Événements communs pour les objets de fenêtre
| nom | illustrer |
| en charge | Une page ou une image est chargée |
| onduir | Déplacez le pointeur de la souris sur un élément |
| onclick | Cliquez sur un objet avec la souris |
| onkeydown | Une touche de clavier est appuyée |
| floconneux | Le contenu du domaine a été modifié |
Déclaration d'objets personnalisés
La première façon de déclarer:
<script type = "text / javascript"> function paly () {var p = nouvel objet (); // créer un objet d'objet pour ouvrir l'espace mémoire // Définir les attributs de l'objet p p.age = 1; p.name = "javascript"; // Définir la méthode pour l'objet p p.sayhi = function () {document.write ("Bonjour à tous! Je suis" + p.name + "Je suis cette année" + p.age + "an"); } // Retour objet p retour p; } // Créer des instances d'objet personnalisé var js = paly (); // appelle la méthode de l'objet jsayhi (); // Appel de l'attribut de l'objet Document.Write (js nom); </cript>Capture d'écran d'effet:
La deuxième méthode:
<script type = "text / javascript"> function pALY () {// Définissez les attributs de l'objet this.age = 1; this.name = "javascript"; // définit la méthode pour l'objet this.sayhi = function () {document.write ("bonjour tout le monde! Je suis" + this.name + "I'm This Year" + this.age + "Year-Old"); }} // Créer une instance d'un objet personnalisé var js = new paly (); // appelle la méthode de l'objet jsayhi (); // appelle les attributs de l'objet document.write (jsom); </cript>Capture d'écran d'effet:
Traversion des propriétés des objets
<script type = "text / javascript"> function pALY () {// Définissez les attributs de l'objet this.age = 1; this.name = "javascript"; // Définissez la méthode pour l'objet this.sayhi = function () {document.write ("bonjour tout le monde! Je suis" + this.name + "je suis cette année" + this.age + "anny"); }} // Créer une instance d'un objet personnalisé var js = new paly (); // Tranquility Les attributs de l'objet pour (var par dans js) {document.write ("js." + Par + "=" + js [par]); } </ script>Capture d'écran d'effet:
Structure rapide
<script type = "text / javascript"> function paly () {// définir les attributs pour l'objet this.age = 1; this.name = "javascript"; // Définir la méthode pour l'objet this.sayhi = function () {document.write ("bonjour tout le monde! Je suis" + this.name + "je suis cette année" + this.age + "annomy"); }} // Créer une instance d'un objet personnalisé var js = new paly (); // Les méthodes ou attributs du bloc de structure sont par défaut des attributs ou des méthodes de l'objet (JS) entre parenthèses si l'objet n'est pas spécifié. {SayHi (); document.write ("<br/>" + âge); } </ script>Capture d'écran d'effet:
Le résumé ci-dessus des opérations connexes des objets JavaScript est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.