12 juin 2010

Les objets du navigateur Sous JavaScript

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... 

آخر مواضيع منتدى نقاش المغرب العربي


وصفة طبق الرز بالجبن والقشدة
وصفة طاجين الزيتون من المطبخ الجزائري
وصفة المعكرونة بصلصة الطماطم والتونة والشبت من المطبخ الجزائري
وصفة الكفتة بالحشو الزائف من المطبخ الجزائري
وصفة المعكرونة بالباشميل من المطبخ الجزائري
لسان الطير باللحم في الفرن من المطبخ الجزائري
وصفة الدجاج بالطريقة التركية
وصفة طاجين الجلبانة بالقرنون من المطبخ الجزائري
وصفة الفول باللجبانة والقرنون من المطبخ الجزائري
بيتزا المعكرونة بالصور من المطبخ الجزائري
وصفة العصبانة من المطبخ الجزائري
وصفة قبعة اللوز حلوى شرقية مميزة
وصفة بسكويت فول الصويا

Aucun commentaire:

Enregistrer un commentaire