Né pour JavaScript
ECMascript est le cœur de JavaScript, mais si vous souhaitez utiliser JavaScript dans le Web, BOM (Browser Object Model) est sans aucun doute le véritable noyau. BOM fournit de nombreux objets pour accéder aux fonctions de navigateur qui n'ont rien à voir avec un contenu de page Web. Au fil des ans, le manque de spécifications de facto a rendu BOM à la fois intéressant et problématique, car les fournisseurs de navigateurs l'étendront comme ils le souhaiteront. Par conséquent, les objets partagés entre les navigateurs deviennent la norme de facto. Ces objets existent dans le navigateur, en grande partie parce qu'ils fournissent l'interopérabilité avec le navigateur. Afin de standardiser les parties les plus élémentaires de JavaScript dans le navigateur, W3C a incorporé les principaux aspects de la BOM dans la spécification HTML5.
PS: extrait de "JavaScript Advanced Programming", Bom est un objet de fenêtre de navigateur et fournit de nombreuses API de traitement des fenêtres. Avec de plus en plus de frameworks WebApp, nous devons traiter différentes pages et différentes données AJAX dans la même fenêtre, et nous devons familiariser avec le contenu de la nomenclature.
1. Fenêtre
L'objet central 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 pour accéder à la fenêtre du navigateur via JavaScript et un objet global spécifié par ECMascript.
Vous trouverez ci-dessous la troisième chaîne de propriété d'Open
2. Emplacement
L'emplacement est l'un des objets BOM les plus utiles, il fournit des informations sur les documents chargés dans la fenêtre actuelle et fournit également des fonctionnalités de navigation. En fait, l'objet de localisation est un objet très spécial car il s'agit à la fois d'une propriété de l'objet Window et d'une propriété de l'objet de document; En d'autres termes, Window.Location et Document.Location se réfèrent au même objet. L'utilisation d'un objet de localisation se reflète non seulement dans le fait qu'elle stocke les informations du document actuel, mais également dans le fait qu'elle analyse l'URL dans des fragments indépendants, permettant aux développeurs d'accéder à ces fragments via différentes propriétés.
3. Histoire
L'objet historique sauve l'historique de l'utilisateur de surfer sur Internet, à partir du moment où la fenêtre est ouverte. Étant donné que l'historique est une propriété d'un objet de fenêtre , chaque fenêtre du navigateur, chaque page d'onglet, et même chaque framework a son propre objet historique associé à un objet de fenêtre spécifique. Pour des raisons de sécurité, les développeurs ne peuvent pas connaître les URL que les utilisateurs ont parcouru. Cependant, grâce à la liste des pages visitées par l'utilisateur, vous pouvez également faire du dos et avancer sans connaître l'URL réelle.
4. Navigator
L'objet Navigator introduit pour la première fois par NetScape Navigator 2.0 est maintenant devenu la norme de facto pour identifier les navigateurs clients. Bien que d'autres navigateurs fournissent également des informations identiques ou similaires de d'autres manières (par exemple, Window.Clientinfor-Mation dans IE et INDOW.Opera dans Opera), l'objet Navigator est commun à tous les navigateurs qui prennent en charge JavaScript. Comme dans le cas d'autres objets BOM, l'objet Navigator dans chaque navigateur a également son propre ensemble de propriétés. L'image suivante montre des informations plus importantes sur Navigator
5. Écran
Il existe plusieurs objets en JavaScript qui ne sont pas très utiles dans la programmation, et les objets d'écran en font partie. L'objet d'écran n'est essentiellement utilisé que pour indiquer les capacités du client, y compris des informations sur l'écran à l'extérieur 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 navigateurs qui prennent en charge les propriétés correspondantes. Utilisez simplement le code suivant pour le voir
<! Doctype html> <html> <éadf> <cript> console.log (écran); </cript> </ad> <body> écran </ body> </html>