- Samedi 30 août 2008 - 02:18:56
- inscrits : 945113
- connectés : 15629
- questions/jour : 4664
- Taux de réponse : 81.6%
- 02:18 Logiciels Photos (Logiciels/Pilotes)
- 02:16 problème d'installation sims 2... (Jeux vidéos)
- 02:15 brancher pc sur tele lcd (Matériel/Hardware)
- 02:14 Pb police wlm (Messagerie/Chat)
- 02:12 Problème Orange ou matériel ? (Internet)
- 02:11 Imprimante et cups (Linux/Unix)
Javascript
|
Présentation des 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'imbrication de vos objets dans la page...).
Pour lire ou modifier le contenu d'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 il est possible
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'il est impossible de les modifier...
| 27/08 14h03 | JAVASCRIPT le symbole ^ | 4 |
| 26/08 22h24 | Comment écrire cette ligne? En JavaScript | 5 |
| 26/08 18h15 | Javascript et liste déroulante | 3 |
| 24/08 20h57 | Javascript ou php - Interdire un mot | 3 |
| 19/08 13h35 | Conseil en javascript.. | 8 |
 | Web Developer Toolbar - WebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages... | Catégorie: Extensions Firefox Licence: Freeware/gratuit |
 | PSPad - PSPad est un excellent éditeur de texte. Il est utile pour travailler sur du simple texte, mais aussi sur du HTML, CSS,... | Catégorie: Développement Licence: Freeware/gratuit |
 | GreaseMonkey - GreaseMonkey permet de bidouiller à la volée les pages web que vous consultez. C'est à dire qu'il va modifier la page... | Catégorie: Extensions Firefox Licence: Open Source |
 | Firstpage - First Page 2006 est un éditeur html gratuit et excellent. Il permet de travailler un code HTML en couleur, ainsi que de... | Catégorie: Editeurs HTML Licence: Freeware/gratuit |