Qu'est-ce que la nomenclature en JavaScript ? Introduction aux objets de nomenclature

Ce chapitre vous dira qu'est-ce que la BOM en JavaScript ? Introduction aux objets BOM, laissez tout le monde comprendre ce que signifie BOM en js et comment JavaScript exploite les objets BOM. Il a une certaine valeur de référence, et il y a Les amis dans le besoin peuvent s'y référer, j'espère qu'il vous sera utile.

1. Qu'est-ce que BOM

BOM (Browser Object Model) est le modèle objet du navigateur.
BOM fournit des objets qui interagissent avec la fenêtre du navigateur indépendamment du contenu
Puisque BOM est principalement utilisé ; Il est utilisé pour gérer la communication entre les fenêtres, donc son objet principal est window
BOM se compose d'une série d'objets liés, et chaque objet ; Les objets fournissent de nombreuses méthodes et attributs ;
BOM manque de normes. L'organisation de normalisation pour la syntaxe JavaScript est l'ECMA, et l'organisation de normalisation pour DOM. Oui W3C, BOM faisait à l'origine partie du standard du navigateur Netscape.

2. Objet BOM

1. Objet fenêtre : formulaire du navigateur actuel

La fenêtre. object 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, qui peuvent être utilisées lors de l'appel. pour omettre la fenêtre.

Attributs :

statut : barre d'état (actuellement obsolète par les navigateurs)

opener : qui ouvre le mien, si open B est utilisé dans A, alors B L'ouvreur est A

fermé : détermine si le sous-formulaire est fermé.

méthode :

boîte contextuelle alert()

confirm() avec confirmation, annulez la boîte de dialogue

setInterval() appelée toutes les quelques secondes

clearInterval() clear setInterval

setTimeout() Combien de secondes pour appeler

cleartimeout() Effacer setTimeout

open() Ouvrir une nouvelle fenêtre

Exemple :

 window.open

("other.html"," _blank","width=200,height=300,top=300");

console : La plus couramment utilisée est l'impression de la console du navigateur console.log()

2 Sous-objets

sous-principalement. introduit dans l'objet : localisation, historique, écran.

1), position du saut de localisation

<meta http-equiv="refresh" content="3; url =http://www.hteis.cn";>      //不加url指3秒刷新

一次，加url指3秒跳转
window.location.href="popl.html";
location = pop.html
location.replace("pop.html")

 //浏览器不可以后退

2), historique historique

history.back() == history.go( - 1) //Retour à la page précédente

history.go(-2) //Le nombre négatif des paramètres entre parenthèses est pour revenir aux étapes précédentes

Exemple :

<a href="javascript:history.back()">返回上一页

</a>
<a href="javascript:history.go(-2)">第一页</a>

3), screen screen

screen.availHeight : hauteur réelle de l'écran

screen.availWidth : largeur réelle de l'écran

screen.height : hauteur de l'écran

screen.width : largeur de l'écran

Exemple :

console.log("屏幕实际高度"+screen.availHeight);
console.log("屏幕实际宽度"+screen.availWidth);
console.log("屏幕高度"+screen.height);
console.log("屏幕宽度"+screen.width);

3. La différence entre DOM et BOM

1. DOM

Le nom complet est Document Object Model, qui est le modèle objet du document. Est une API basée sur une arborescence pour XML. Décrit les méthodes et les interfaces de traitement du contenu Web, qui sont API HTML et XML, DOM planifie la page entière dans un document composé de niveaux de nœuds. DOM pour XHTML et HTML. Ce DOM définit un HTMLDocument et un HTMLElement comme ceci La base de cette implémentation est que pour manipuler par programme le contenu de ce HTML (comme l'ajout de certains éléments, la modification du contenu des éléments, la suppression de certains éléments), nous regardons ce HTML Créez un arbre d'objets (arbre DOM), lui-même et tout ce qu'il contient tel que :

Ces balises sont considérées comme un objet, chaque objet est appelé un nœud (nœud), et le nœud peut être compris comme tous les objets dans le DOM La classe parent de Object.

À quoi sert le DOM ? Il s'agit d'exploiter des éléments en HTML. Par exemple, si nous voulons changer le titre de cette page Web via JS, faites simplement ceci :
document.title = 'comment faire l'amour';
Cette API permet de modifier le contenu d'une page web après son téléchargement dans le navigateur.

2. BOM

BOM est le modèle d'objet du navigateur.

Je viens de dire que le DOM est une interface qui semble faire fonctionner des documents, et le BOM, comme son nom l'indique, est en fait une interface qui semble contrôler le comportement du navigateur.

Que peut faire le navigateur ? Par exemple, pour passer à une autre page, avancer, reculer, etc., le programme peut également avoir besoin d'obtenir des paramètres tels que la taille de l'écran.

Donc BOM est l'interface qui semble résoudre ces problèmes. Par exemple, si nous voulons que le navigateur passe à une autre page, nous avons seulement besoin de
location.href = "http://www.xxxx.com";

Cet emplacement est un objet dans la nomenclature.

4. Résumé

Dans ce chapitre, nous avons découvert certains objets qui interagissent avec la fenêtre du navigateur, tels que l'objet fenêtre qui peut déplacer et redimensionner le navigateur, et peut être utilisé pour la localisation de la navigation Objet et objet historique, l'objet d'écran qui peut obtenir des informations sur le navigateur, le système d'exploitation et l'écran de l'utilisateur, vous pouvez utiliser le document comme entrée pour accéder aux documents HTML et gérer les cadres du cadre. Objets etc

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!