Maison  >  Article  >  interface Web  >  Quels sont les objets intégrés du DOM ?

Quels sont les objets intégrés du DOM ?

百草
百草original
2023-12-19 15:45:04693parcourir

Les objets intégrés de dom sont : 1. document ; 2. fenêtre ; 3. navigateur ; 5. historique ; 7. document.documentElement ; .head; 10 , document.titre; 11. document.cookie.

Quels sont les objets intégrés du DOM ?

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur DELL G3.

DOM (Document Object Model) est une interface permettant de représenter et d'interagir avec les structures de documents HTML ou XML. Il fournit un ensemble d'objets et de méthodes intégrés. Voici quelques objets intégrés au DOM :

1. document : représente l'intégralité du document HTML ou XML et est le nœud racine de l'arborescence DOM. Il permet un accès et une manipulation complets des documents.

var doc = document; // Récupère l'intégralité de l'objet document

2 Fenêtre : représente la fenêtre ou le cadre du navigateur et est un objet global. Il donne accès aux fenêtres, aux documents et aux scripts.

var win = window; // Récupère l'objet fenêtre

3 Navigateur : représente les informations du navigateur, y compris le nom du navigateur, la version, le système d'exploitation, etc.

var nav = navigator; // Récupère l'objet d'informations du navigateur

4. Emplacement : Représente les informations URL du document actuel, y compris le protocole, l'hôte, le port, le chemin, la chaîne de requête, etc.

var loc = location; // Obtenez l'objet d'information URL

5 Historique : représente l'historique du navigateur, qui peut être utilisé pour les opérations d'avance, de retour et de saut.

var hist = history; // Obtenez l'objet historique du navigateur

6 screen : représente les informations sur l'écran du client, y compris la taille de l'écran, la résolution, etc.

var scr = screen; // Récupère l'objet d'informations d'écran

7 document.documentElement : représente l'élément racine de l'ensemble du document HTML, c'est-à-dire l'élément

var root = document.documentElement; // Récupère l'objet élément racine

8. document.body : Représente l'élément <élément corps>

var body = document.body; // Récupère l'objet élément

9.représente l'élément ;head> contenu de l’élément.

var head = document.head; // Récupère l'objet élément

10.document.title : représente le titre du document HTML, à travers lequel vous pouvez obtenir et définir le titre du document.

var title = document.title; // Obtenez l'objet titre du document

document.title = "New Title"; // Définissez le titre du document sur "Nouveau titre"

11 : signifie navigateur. stockage des informations sur les cookies, grâce auxquelles les valeurs des cookies peuvent être lues et définies.

var cookie = document.cookie; // Obtenez l'objet d'informations sur le cookie

document.cookie = "name=value"; // Définissez la valeur du cookie sur "name=value"

Voici quelques objets intégrés courants dans le DOM, ils permettent d'accéder et de manipuler la structure des documents HTML ou XML. En utilisant ces objets et méthodes, les développeurs peuvent modifier dynamiquement le contenu et le style de la page, interagir avec l'utilisateur et traiter les informations liées au navigateur.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn