L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
106694 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques

     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Referencement
     Le PHP facile
     Activeartanima...
     L'écriteau
     Faro-dessing
     Le village de ...
     Gifs animés, f...
     Trucs et astuc...
     Electroniq...
     K i s s design
     Les kits graph...
     Easy-script.com
     Les autres
     Votre site ici ?


  > Les objets du navigateur



Lorsque vous ouvrez une page Web, le navigateur crée des objets prédéfinis correspondant à la page Web, à l'état du navigateur, et peuvent donner beaucoup d'informations qui vous seront utiles.

Les objets de base du navigateur sont les suivants:

  • navigator: qui contient des informations sur le navigateur de celui qui visite la page
  • window: c'est l'objet où s'affiche la page, il contient donc des propriétés concernant la fenêtre elle-même mais aussi tous les objets-enfants contenus dans celle-ci
  • location: contient des informations relatives à l'adresse de la page à l'écran
  • history: c'est l'historique, c'est-à-dire la liste de liens qui ont été visités précédemment
  • document: il contient les propriétés sur le contenu du document (couleur d'arrière plan, titre, ...)

Ces objets sont largement dépendant du contenu de la page. En effet, mis à part des objets tels que navigator qui sont figés pour un utilisateur donné, le contenu des autres objets variera suivant le contenu de la page, car suivant la page les objets présents dans celles-ci (sous-objets des objets décrits précédemment) sont différents. voyons voir comment ceux-ci sont organisés

Les objets du navigateur sont classés hiérarchiquement

Les objets du navigateur sont classés dans une hiérarchie qui décrit la page affichée à l'écran, et qui permet d'accéder à n'importe quel objet grâce à une désignation dépendant de la hiérarchie (on part du sommet puis on descend l'arborescence).

Dans cette hiérarchie, les descendants d'un objet sont des propriétés de ces objets mais peuvent aussi être des objets qui contiennent eux même des propriétés...
Voyons voir à quoi ressemble cette hérarchie:

Niveau1 Niveau2 Niveau3 Commentaire
navigator     Informations sur le browser utilisé
window     Gestion de la fenêtre d'affichage
parent, frames, self, top   Désignation de la sous-fenêtre
location   Informations sur l'emplacement de la page
history   Accès à l'historique (sites précédemment visités)
document   Informations sur le contenu de la fenêtre (éléments qui composent la page)
images Référence des images présentes dans la page
forms Référence des formulaires présents dans la page
links Référence des liens présents dans la page
anchors Référence des ancrages présents dans la page

Comment accéder à un objet?

Pour accéder à un objet du navigateur, il faut parcourir la hiérarchie du navigateur, en partant du sommet (l'objet window), puis en parcourant tous les maillons jusqu'à atteindre l'objet désiré. La syntaxe est window.objet1.objet2.objet3.objet_vise (ici il y a trois objets intermédiaire objet1 objet2 objet3 mais ce nombre peut varier de 0 à un très grand nombre d'objets, suivant l'embrication de vos objets dans la page...).

Pour accéder modifier une propriété de l'objet visé il suffit de rajouter un point, puis le nom de la propriété. Certaines propriétés sont modifiables, c'est-à-dire que dynamiquement on va pouvoir modifier un élément (du texte, une image, ...). Certaines propriétés sont par contre en lecture seule, c'est-à-dire qu'elles permettent uniquement de récupérer des informations mais qu'on ne peut pas les modifier...

Cours de JavaScript en partenariat avec CommentCaMarche.net
N'hésitez pas à visiter cet excellent site contenant des cours sur presque tous les langages de programmation !


Annotations des visiteurs :

Pas d'annotation pour ce cours.
>> Poster une annotation sur ce cours


Les autres cours :

|< Les méthodes L'objet window >|








9 visiteurs
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Wipub
Plateforme d'affiliation. Beaucoup de petits programmes qui peuvent etre interessants.
http://www.wipub.com/
Cat : Affiliation - publicité
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
56144 membres
8361 comptes CountUs
1541 comptes myCircle

     LES FORUMS :
14 forums
39398 topics
189318 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par alex55
Vous connaissez les Easter Eggs ? Ce sont de petits codes insérés dans les logiciels qui s'ouvrent en faisant une action particulière : dans Winamp, pendant la lecture d'une musique, tapez N U L [echap] L [echap] S O F T. Le lecteur deviendra transparent en rythme avec la musique !!!
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2009 EJS - Tous droits réservés | CNIL N° 844440 | 10/01/2009 03:41:40 | Design by Studcrea | Gen. en 0.488 sec.