Analyse détaillée de la nomenclature en JavaScript (avec exemples)

Cet article vous apporte une analyse détaillée de la nomenclature en JavaScript (avec des exemples). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

BOM

Modèle d'objet de navigateur BOM, modèle d'objet de navigateur

window

L'objet window est l'objet de niveau supérieur dans js. Toutes les variables et fonctions définies dans la portée globale deviendront les propriétés et méthodes de l'objet window. Vous pouvez omettre la fenêtre lors de l'appel. .

window.open() : Ouvrir une nouvelle fenêtre
window.close() : Fermer la fenêtre actuelle
window.moveTo() : ​​Déplacer la fenêtre actuelle
window.resizeTo () : ​​Ajuster la fenêtre actuelle La taille de la fenêtre
window.onload() : Lorsque la page se charge
window.onscroll() : Lorsque la page défile
window.onresize() : Lorsque la page est redimensionnée

Dans le navigateur, chaque onglet possède son propre objet fenêtre. C'est à dire qu'un objet fenêtre ne sera pas partagé entre les balises d'une même fenêtre

frames

Si la page contient des frames, chaque frame a son propre objet window et stocké dans la collection de cadres.

Dans la collection frames, l'objet fenêtre correspondant est accessible par index numérique (en commençant par 0, de gauche à droite, de haut en bas) ou par nom de frame.

Chaque objet fenêtre possède une propriété name qui contient le nom du cadre.

    <frameset>
        <frame>
        <frameset>
            <frame>
            <frame>
        </frameset>
    </frameset>

Vous pouvez vous référer au cadre supérieur via window.frames[0] ou window.frames["topFrame"].
top
Cependant, il est préférable d'utiliser top pour faire référence à ces cadres (top.frames[0]), car l'objet supérieur pointe toujours vers le cadre le plus haut (le plus extérieur), ce qui est la fenêtre du navigateur. Utilisez-le pour garantir un accès correct d’une image à l’autre. Parce que pour tout code écrit dans un framework, l'objet window pointe vers une instance spécifique de ce framework, et non vers le framework de niveau supérieur.
parent
Un autre objet fenêtre en face du haut est parent. Comme son nom l'indique, l'objet parent pointe toujours vers le cadre situé directement au-dessus du cadre actuel. Dans certains cas, parent peut être égal à top ; mais en l'absence de cadre, parent doit être égal à top (dans ce cas, ils sont tous deux égaux à window).
self
Le dernier objet lié au cadre est self, qui pointe toujours vers window en fait, les objets self et window sont utilisés de manière interchangeable. Le but de l'introduction de l'objet self est simplement de correspondre aux objets supérieur et parent, il ne contient donc pas spécifiquement d'autres valeurs.

Tous ces objets sont des propriétés de l'objet window et sont accessibles via window.parent, window.top, etc. Dans le même temps, cela signifie également que les objets window à différents niveaux peuvent être concaténés, comme window.parent.parent.frames[0].

emplacement

Navigateur

L'objet navigateur sert à déterminer le navigateur de l'utilisateur et le système d'exploitation.

navigator.appName : Nom du navigateur
navigator.appVersion : Version du navigateur
navigator.langue : Langue des paramètres du navigateur
navigator.platform : Type de système d'exploitation
userAgent : User-. Chaîne d'agent définie par le navigateur

History

history forward() : La méthode charge l'URL suivante dans la liste d'historique, ce qui équivaut à cliquer sur le bouton Précédent dans le navigateur
history.back() : La méthode charge l'URL précédente dans la liste d'historique, ce qui équivaut à cliquer sur Suivant dans le navigateur. Les boutons sont les même
history.go() : La méthode peut sauter arbitrairement dans l'historique de l'utilisateur, soit en arrière, soit en avant

écran

L'objet Screen stocke des informations sur l'écran du navigateur affiché.

screen.width : largeur de l'écran, en pixels
screen.availWidth : largeur disponible de l'écran, en pixels
screen.height : hauteur de l'écran, en pixels

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!