Objets :Propriétés objets Javascript

Un article de WikiTuto.

Jump to: navigation, search
  1. Coder le Javascript
  2. Navigateurs incompatibles
  3. Debugger
  4. Fichiers externes
  5. Orienté objet
  1. Déclaration et affectation
  2. String et nombre
  3. Vecteurs ou tableaux
    1. Grandeur d'un vecteur
    2. Vecteur en string
    3. Trier un vecteur
    4. Autres méthodes
  • Les Opérateurs
  1. Arithmétiques
  2. Relationnels
  3. Logiques
  4. Priorités
  5. Eval
  • Les Contrôles
  1. If - Else
  2. Switch case
  3. Boucle for
  4. Boucle while
  5. Boucle forever
  6. Boucle do-while
  7. Minuteries
  8. Intervalles
  9. Arrêt
  • Les Fonctions
  1. Déclarations
  2. Portée des variables
  3. Valeur de retour
  4. Appel via lien
  5. With
  1. Onclick - Ondblclick
  2. Boutons rollover
  3. Détection clavier
  4. Attribution de focus
  5. Chargement de page
  6. Onerror
  7. Supprimer erreurs
  8. Infos sur les erreurs
  • Les Objets
  1. Propriétés et méthodes
  2. This
  3. Créer un objet
  4. Créer une classe
  5. Voir propriétés objets
  6. Objets link et anchor
  7. Objet history
  8. Objet image
  • Les Fenêtres
  1. Barre d'état
  2. Modifier les couleurs
  3. Changer titre de page
  4. Afficher informations
  5. Ouvrir nouvelle fenêtre
  6. Communication fenêtres
  7. Imprimer une fenêtre
  8. Redimensionner fenêtre
  9. Déplacer / fermer
  10. Boîtes de messages
  • Les Strings
  1. Objet String
  2. Sous-chaînes
  3. Concaténation
  4. Formater
  5. Ancrages
  6. Longueur chaîne
  7. Modifier la casse
  8. Rechercher chaîne
  9. Remplacer texte
  10. Découper chaîne
  • Les Dates
  1. Objet Date
  2. Afficher heure et date locale
  3. Lire valeurs heure/date
  4. Régler valeurs heure/date
  5. Fuseaux horaires
  • Objet Math
  1. Propriétés
  2. Méthodes
  3. Arrondir des nombres
  • Les Formulaires
  1. Champs de saisie
  2. Type mot de passe
  3. Éléments cachés
  4. Zones de texte
  5. Listes de sélections
  6. Cases à cocher
  7. Boutons radio
  8. Eval
  9. Désactivation
  10. Envoi formulaire
  • Les Cadres
  1. Objet Frame
  2. Accéder cadre
  3. Nombre de cadres
  4. Référer aux cadres
  5. Écrire
  6. Redimensionner
  7. Cadre cible radio
  8. Imprimer
  • Environnement
  1. Détection système
  2. Les cookies
  3. Multiples cookies
  4. Path domain
  5. Codage caractères

Auteur : Mystick

Sommaire

Explication

Il arrive lorsqu'on travaille avec un objet qu'on soit tenter de connaître rapidement toutes ses propriétés. Ainsi, disposer d'une manière rapide en Javascript vous simplifiera la tâche.

Il s'agit de demander à Javascript d'afficher une liste de toutes les propriétés de l'objet ciblé. Pour ce faire, il existe une boucle for spéciale qui parcours les définitions de propriétés des objets prédéfinis de Javascript. Ainsi, ce truc ne fonctionne pas pour des classes que vous auriez définies vous-même.

Cette boucle utilise le mot clé in ainsi qu'au nom de l'objet. (in signifie effectivement "dans ce qui va suivre" comme dans les langages de bases de données tels que SQL.)

  • for (prop in document) : Cette instruction permet de boucler dans le constructeur de l'objet document.
  • prop :Variable qui à chaque itération vient contenir le nom de la propriété.
  • document(prop) : Cette instruction permet d'afficher la valeur courante d'une propriété.

Ensuite il est pratique de mettre dans la boucle une instruction d'écriture, document.write(), afin d'afficher les noms des propriétés et peut-être même leur valeur.

Remarque : Actuellement (2008), l'utilisation de document.write est proscrite car incompatible avec les technologies WEB 2.0. Il faut utiliser les fonctions du DOM comme creteTextNode().

Exemple

   for (prop in window)
   {
   document.write("Propriété : " + prop + " ---------> " + window[prop] + "<br>");
   }

    Exemple du résultat :
    Propriété : onbeforeunload------------>null
    Propriété : onafterprint------------>null
    Propriété : top------------>[object]
    Propriété : location------------>
    file:///C:/Program%20Files/Microsoft%20FrontPage/temp/pvw1A0.htm
    Propriété : parent------------>[object]
    Propriété : offscreenBuffering------------>auto
    ....
 

Il serait intéressant de mettre ce code dans une fonction qui recevrait en paramètre le nom de l'objet dont on veut visionner les propriétés.

Voir aussi

Boîte à outils
Annuaire gratuitCe site est listé dans la catégorie Informatique : Aide et astuces en informatique Annuaire