Modèle d'objet du navigateur | Expliqué

Modèle d'objet du navigateur aka bom est un modèle d'objet que JavaScript utilise pour communiquer avec le navigateur. Bom peut être considéré comme un conteneur d'objets qui découvrent les fonctionnalités d'un navigateur Web.

Lorsqu'un navigateur accède à un document, il génère un objet appelé objet de document qui contient toutes les informations pertinentes sur le document et comment elle devrait apparaître sur le navigateur. En dehors de l'objet de document, un navigateur utilise une énorme quantité d'objets et cette énorme collection d'objets est appelée modèle d'objet de navigateur (BOM).

Ce modèle ne suit aucun ensemble spécifique de normes mais est implémenté par presque tous les navigateurs. Des objets importants qui font partie du modèle d'objet de navigateur (BOM) sont;

1. Document
2. Histoire
3. Filtrer
4. Navigateur
5. Emplacement
6. Cadres

Les objets de navigateur sont classés dans un certain ordre que BOM utilise pour découvrir les fonctionnalités d'un navigateur Web. Objet de fenêtre qui désigne la fenêtre du navigateur, est l'objet parapluie de la bom, et le reste des objets tombent sous l'objet Window. Ici, l'objet de fenêtre a été expliqué en détail.

Objet de fenêtre

Un objet de fenêtre désigne la fenêtre du navigateur et se compose de tous les autres objets du navigateur. Tous les navigateurs prennent en charge l'objet Window. L'objet de fenêtre spécifie certaines propriétés et méthodes qui gérent les fonctionnalités du navigateur Web.

L'objet Window est un objet global qui se compose d'objets JavaScript globaux, de variables (propriétés de l'objet de fenêtre) et de fonctions (méthodes de l'objet de fenêtre). Certaines des méthodes d'objets de fenêtre sont.

alerte()

Il est utilisé pour afficher une boîte d'alerte avec un bouton OK sur l'écran de la fenêtre.

fenêtre.alerte()

confirmer()

Il est utilisé pour afficher une boîte de confirmation avec un bouton OK et Annuler sur l'écran de la fenêtre.

fenêtre.confirmer()

rapide()

Il est utilisé pour afficher une boîte de dialogue qui est destinée à prendre les commentaires de l'utilisateur.

fenêtre.rapide()

ouvrir()

Il est utilisé pour ouvrir une nouvelle fenêtre.

fenêtre.ouvrir()

fermer()

Il est utilisé pour fermer une fenêtre.

fenêtre.fermer()

setTimeout ()

Il est utilisé pour effectuer certaines actions après une heure spécifique.

fenêtre.setTimeout ()

Maintenant que nous avons une bonne compréhension de l'objet Window, découvrons d'autres objets BOM importants.

Documenter l'objet

Objet de document qui fait partie intégrante du modèle d'objet de navigateur (BOM) comprend tous les éléments d'une page Web tels que les balises HTML. Cet objet est utilisé pour désigner une page Web qui a été ouverte dans le navigateur, en outre, c'est une propriété de l'objet Window.

Syntaxe

La syntaxe de l'objet document est donnée ci-dessous.

fenêtre.document

Ou,

document

Exemple

Sortir

Objet d'histoire

L'objet historique désigne l'historique de navigation Web d'un utilisateur sous forme de tableaux composés des URL que l'utilisateur a visité. Cet objet est utilisé pour charger des pages Web.

Syntaxe

La syntaxe de l'objet historique est la suivante.

fenêtre.histoire

Ou,

histoire

Comme l'objet Window, l'objet historique contient également certaines propriétés et méthodes qui sont discutées ci-dessous.

Propriétés

L'objet JavaScript History se compose d'une seule propriété qui est la suivante.

longueur

La propriété de longueur de l'objet historique est utilisée dans le but de retourner la longueur des URL visitées.

histoire.longueur

Méthodes

L'objet JavaScript History se compose des méthodes suivantes.

avant()

Il est utilisé dans le but de charger la page suivante. Il a la syntaxe suivante.

histoire.avant()

dos()

Il est utilisé dans le but de charger la page précédente. Il a la syntaxe suivante.

histoire.dos()

aller()

Il est utilisé dans le but de charger une page en utilisant le numéro de page. Il a la syntaxe suivante.

histoire.aller()

Objet d'écran

L'objet de l'écran contient toutes les informations pertinentes concernant l'écran du navigateur telles que la hauteur, la largeur, le colordepth, la disponibilité, etc.

Syntaxe

La syntaxe de l'objet d'écran est donnée ci-dessous.

fenêtre.filtrer

Ou,

filtrer

L'objet d'écran se compose de certaines propriétés qui sont expliquées ci-dessous.

Propriétés

Les propriétés de l'objet d'écran sont les suivantes.

largeur

Il est utilisé pour récupérer la largeur de l'écran.

filtrer.largeur

hauteur

Il est utilisé dans le but de récupérer la hauteur de l'écran.

filtrer.hauteur

disponible

Il est utilisé dans le but de récupérer la largeur actuelle.

filtrer.disponible

saillie

Il est utilisé dans le but de retourner la hauteur actuelle.

filtrer.saillie

la profondeur de la couleur

Il est utilisé dans le but d'afficher la profondeur de la couleur.

filtrer.la profondeur de la couleur

pixeldepth

Il est utilisé dans le but d'afficher la profondeur du pixel.

filtrer.pixeldepth

Objet de localisation

L'objet de localisation se compose des informations pertinentes sur l'URL disponible et les objets de document, d'historique et d'écran disponibles, il s'agit également d'une propriété de l'objet Window.

Syntaxe

La syntaxe de l'objet de localisation est fournie ici.

fenêtre.emplacement

Ou,

emplacement

Propriétés

Les propriétés de l'objet d'emplacement sont en surbrillance ci-dessous

hacher

Il est utilisé dans le but de retourner ou de définir l'ancre de l'URL.

emplacement.hacher

héberger

Il est utilisé dans le but de récupérer le nom d'hôte ainsi que le numéro de port de l'URL.

emplacement.héberger

nom d'hôte

Il est utilisé dans le but de récupérer le nom d'hôte de l'URL.

emplacement.nom d'hôte

href

Il est utilisé dans le but de retourner ou de définir l'URL complète.

emplacement.href

origine

Il est utilisé dans le but de récupérer le nom d'hôte, et le numéro de port, ainsi que le protocole de l'URL.

emplacement.origine

cheminée

Il est utilisé dans le but de retourner ou de définir le chemin d'accès de l'URL.

emplacement.cheminée

port

Il est utilisé dans le but de retourner ou de définir le numéro de port de l'URL.

emplacement.port

protocole

Il est utilisé dans le but de retourner ou de définir le protocole de l'URL.

emplacement.protocole

recherche

Il est utilisé dans le but de retourner ou de définir la requête de l'URL.

emplacement.recherche

Méthodes

L'objet de localisation dispose de l'ensemble de méthodes suivant.

attribuer()

Il est utilisé dans le but de charger un nouveau document.

emplacement.attribuer()

recharger()

Il est utilisé dans le but de recharger le document à portée de main.

emplacement.recharger()

remplacer()

Il est utilisé dans le but de remplacer le présent document par un nouveau document.

emplacement.remplacer()

Conclusion

Le modèle d'objet du navigateur aka bom est un modèle d'objet que JavaScript utilise pour communiquer avec le navigateur et est considéré comme un conteneur d'objets qui découvre les fonctionnalités d'un navigateur Web. Bom ne suit aucun ensemble spécifique de normes mais est implémenté par presque tous les navigateurs. Des objets BOM significatifs ainsi que les propriétés et les méthodes dont ces objets constituent sont expliqués en profondeur dans cet article.