Introduction aux cinq objets existant dans BOM

Tous ceux qui ont étudié le développement front-end doivent savoir que JavaScript est divisé en trois parties : ECMAScript (la syntaxe de base du langage JS lui-même), DOM (Document Object Model, Application Programming Interface) et BOM (Browser Object Model ).

La nomenclature est en fait liée au navigateur. Les fabricants de navigateurs peuvent donc l'étendre librement selon leurs propres idées (extension basée sur des objets fenêtre). Cependant, les extensions sont des extensions et chaque navigateur suit un ensemble de normes. L'apprentissage du BOM est toujours très important pour comprendre le langage JS, il ne peut donc pas être ignoré. Ce qui suit est mon résumé et quelques méthodes courantes. Je n'entrerai pas dans les détails sur la façon d'utiliser chaque méthode. L'objectif principal de cet article est d'espérer que BOM formera un cadre simple dans nos esprits. Connaissez quelques méthodes courantes et vous pourrez les retracer jusqu'à la source lorsque vous rencontrez des problèmes.

Il y a cinq objets dans la nomenclature :

1. objet fenêtre (objet principal)

2. objet de localisation (c'est-à-dire, Objet window Attributs, qui sont également des attributs de l'objet document)

3. Objet navigateur

4. Objet historique : non utilisé jusqu'à présent

5. Objet écran : jamais utilisé jusqu'à présent

Il existe quelques propriétés et méthodes sous chaque objet. Plusieurs méthodes courantes et couramment utilisées sont répertoriées ci-dessous et données ci-dessous. Des instructions simples.

• Méthodes courantes de l'objet window (objet principal)

• Asynchrone : constructeur XMLHttpRequest

• Type de données numériques : Number, parseInt, parseFloat, isNaN, isFinite

• Timer : setTimeout, setInterval. Ce que je veux expliquer ici, c'est que cela dans la fonction de rappel de setTimeout pointe vers l'objet window. La raison est en fait très simple. Lorsque la fonction de rappel est transmise à setTimout en tant que paramètre, l'affectation implicite de celle-ci se produit. Une autre chose à noter est l'ordre d'exécution de setTimeout.

• cryptage d'url : encodeURI, méthode encodeURIComponent

• déchiffrement d'url : decodeURI, méthode decodeURIComponent

• Taille de la fenêtre : (innerWidth, innerHeight) (outerWidth, externalHeight), qui doit être distinguée de la dimension client et de la dimension de décalage dans le DOM, c'est-à-dire clientWidth(Height) et offsetWidth(Height)

• Position de la fenêtre : (screenLeft, screenRight) (screenX, screenY)

• Ouvrir une nouvelle fenêtre : méthode ouverte, cette méthode peut recevoir trois paramètres

• Boîte de dialogue système : méthodes d'alerte, de confirmation et d'invite

• objet de localisation

• attribut href : obtenir url Address, (Vous pouvez également définir l'adresse url via cet attribut)

• attribut protocolaire : renvoie le protocole utilisé par la page, (vous pouvez également définir le protocole via cet attribut)

• Attribut hôte : renvoie le nom du serveur et le numéro de port, y compris le nom d'hôte + le port (vous pouvez également définir l'hôte via cet attribut)

• Nom d'hôte. attribut : renvoie sans numéro de port Nom du serveur, (le nom d'hôte peut également être défini via cet attribut)

• attribut de port : renvoie le numéro de port (le port peut également être défini via cet attribut)

• attribut pathname : renvoie le répertoire URL ou le nom du fichier (vous pouvez également définir le nom de chemin via cet attribut)

• attribut hash : renvoie le hash (#content) dans l'URL, (vous pouvez également le définir via Cet attribut définit le hachage)

• Attribut de recherche : chaîne de requête (telle que?name=keith&height=180), ( Vous pouvez également définir la recherche via cet attribut)

• méthode de rechargement : La page est chargée de la manière la plus efficace. Autrement dit, si la page n'a pas changé depuis la dernière requête, la page sera chargée à partir du cache du navigateur. Si vous souhaitez forcer un rechargement depuis le navigateur, vous pouvez passer une valeur booléenne true.

• objet navigateur

• userAgent : agent utilisateur, interroge les informations du navigateur utilisées par l'utilisateur. Côté mobile, il peut être utilisé pour déterminer quel type d'appareil mobile ou de navigateur l'utilisateur utilise

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!