Maison >interface Web >js tutoriel >BOM_connaissance de base de javascript
nomenclature javascript
ECMAScript est le cœur de JavaScript, mais si vous souhaitez utiliser JavaScript sur le Web, alors le BOM (Browser Object Model) est sans aucun doute le véritable noyau. La nomenclature fournit un certain nombre d'objets permettant d'accéder aux fonctionnalités du navigateur, indépendamment du contenu de toute page Web. Au fil des années, l'absence de spécification de facto a rendu la nomenclature à la fois intéressante et problématique, dans la mesure où les fournisseurs de navigateurs ont été libres de l'étendre comme bon leur semblait. En conséquence, les objets partagés entre navigateurs deviennent le standard de facto. Ces objets existent dans les navigateurs en grande partie parce qu'ils assurent l'interopérabilité avec les navigateurs. Afin de standardiser les parties les plus élémentaires de JavaScript dans les navigateurs, le W3C a incorporé les principaux aspects de BOM dans la spécification HTML5.
ps : Ce qui précède est extrait de "Javascript Advanced Programming". BOM est l'objet fenêtre du navigateur et fournit de nombreuses API de traitement de fenêtre. Avec de plus en plus de frameworks d'applications Web, nous devons traiter différentes pages et différentes données ajax dans la même fenêtre, et nous devons nous familiariser avec le contenu de la nomenclature.
1. fenêtre
L'objet principal de BOM est window , qui représente une instance du navigateur. Dans le navigateur, l'objet window a un double rôle. Il s'agit à la fois d'une interface permettant d'accéder à la fenêtre du navigateur via JavaScript et d'un objet Global spécifié par ECMAScript.
Ce qui suit est le troisième attribut de chaîne d'open
2. localisation
L'emplacement est l'un des objets de nomenclature les plus utiles. Il fournit des informations sur le document chargé dans la fenêtre actuelle et fournit également certaines fonctions de navigation. En fait, l'objet location est un objet très spécial, car il est à la fois une propriété de l'objet window et une propriété de l'objet document en d'autres termes, window.location et document.location font référence au même objet ; L'utilité de l'objet location réside non seulement dans le fait qu'il enregistre les informations sur le document actuel, mais également dans le fait qu'il analyse l'URL en fragments indépendants, permettant aux développeurs d'accéder à ces fragments via différentes propriétés.
3. historique
L'objet historique stocke l'historique en ligne de l'utilisateur, à partir du moment où la fenêtre est ouverte. Parce que
, chaque fenêtre de navigateur, chaque onglet et même chaque cadre a son propre objet historique associé à un objet fenêtre spécifique. Pour des raisons de sécurité, les développeurs n'ont aucun moyen de savoir quelles URL un utilisateur a consultées. Cependant, avec une liste de pages visitées par l’utilisateur, il est également possible d’avancer et de suivre sans connaître l’URL réelle.
4. navigateur
L'objet navigateur, introduit pour la première fois par Netscape Navigator 2.0, est désormais devenu le standard de facto pour identifier les navigateurs clients. Bien que d'autres navigateurs fournissent des informations identiques ou similaires d'une autre manière (par exemple, window.clientInformation dans IE et indow.opera dans Opera), l'objet navigateur est commun à tous les navigateurs prenant en charge JavaScript. Comme c'est le cas pour les autres objets de nomenclature, l'objet navigateur de chaque navigateur possède également son propre ensemble de propriétés. L'image ci-dessous contient des informations plus importantes sur le navigateur
5. écran
Il existe plusieurs objets en JavaScript qui sont peu utiles en programmation, et l'objet screen en fait partie. L'objet screen est essentiellement utilisé pour indiquer les capacités du client, qui incluent des informations sur l'affichage en dehors de la fenêtre du navigateur, telles que la largeur et la hauteur des pixels. L'objet d'écran dans chaque navigateur contient différentes propriétés. Le tableau suivant répertorie toutes les propriétés et les navigateurs qui prennent en charge les propriétés correspondantes. Utilisez simplement le code suivant pour le vérifier