|
|
Cette page détaille les principales propriétés, méthodes et événements associés à l'objet document.
Retour à l'arborescence des objets
1 - Les propriétés de document
2 - Les méthodes de document
3 - Les événements de document
4 - Les objets pour le DHTML
5 - Les objets attachés à document
1 - Les propriétés de document
alinkColor : Couleurs des liens actifs (bouton de souris enfoncé)
linkColor : Couleur des liens non actifs et non visités.
vlinkColor : Couleur des liens visités
bgColor : Couleur de fond
fgColor : Couleur du texte
lastModified : Date de dernière modification du document source.
cookie : chaîne de caractères contenant les cookie. Voir la page Javascript et les cookies.
referrer : Adresse de la page d'origine. Permet donc de connaître l'adresse du lien vers la page en cours.
title : Titre du document indiqué par la balise <TITLE>. Modifiable avec Internet Explorer.
2 - Les méthodes de document
write(texte) : Affiche du texte et du code HTML dans le document en cours
close() : Ferme le flux d'affichage externe (voir popup).
open() : Ouvre une nouvelle fenêtre de navigateur.
getSelection() : Retourne le texte sélectionné dans la page.
handleEvents() : Crée un gestionnaire d'événement.
captureEvents() : Détecte un événement.
eval(chaine) : Evalue une chaîne et retourne le résultat.
3 - Les événements de document
onClick : Détecte le clic souris sur un élément de la page.
onDblClick : Détecte double clic.
onKeyPress : Détecte la frappe d'une touche.
4 - Les objets pour le DHTML
Le DHTML (Dynamic HTML) est une extension du HTML. Combiné au javascript, il permet de créer des pages dynamiques. La difficulté vient de l'incompatibilité entre les navigateurs qui ont chacun développé leur propre système de gestion du DHTML. Internet Explorer et Netscape ne sont évidemment pas compatible. Le pire : Netscape 6 ne respecte pas les standards qu'il a utilisé dans les versions 4.X !
De nombreux ouvrages (de plusieurs centaines de pages) traitent du DHTML. Un prochain cours viendra compléter cette brève description.
L'objet all
Le tableau all est spécifique à Internet Explorer. Il contient tous les calques définis par les balises <DIV>.
Pour un calque défini ainsi :
<DIV id="calque" style="position:absolute;top:100px;left:100px">
on peut accéder à ses propriétés de style en javascript avec :
document.all["calque"].style.top=250;
Voir le cours sur feuilles de style pour un listing complet des propriétés de style supportées.
L'objet layers
layers est l'équivalent chez Netscape (4.X uniquement) et permet de récupérer les calques créés par <DIV> ou <LAYER>.
Par exemple :
<LAYER name="calque" top="100" left="100">
on peut accéder à ses propriétés de style en javascript avec :
document.layers["calque"].top=250;
Finalement, c'est presque pareil, mais tous les petits détails obligent le plus souvent à créer 2 scripts pour assurer la compatibilité sur une page.
Voir aussi le cours sur feuilles de style pour un listing complet des propriétés de style supportées.
5 - Les autres objets de document
D'autres objets sont attachés à document et contiennent aussi des propriétés. Ces objets sont assez "petits" et peuvent figurer sur cette page.
L'objet forms
forms est un tableau qui contient tous les formulaires du document.
A forms est associé le tableau des éléments de formulaire elements.
Un cours complet est disponible sur cette page.
L'objet frames
Le tableau frames contient la liste des frames declarées.
Toutes les infos sur les frames sur cette page.
L'objet images
Le tableau images contient toutes les images (balise <IMG>).
Grâce à ce tableau, il est possible de faire des rollovers et d'autres effets sur les images.
L'objet anchors
Le tableau anchors contient toutes les ancres (balise <A>).
L'objet applets
Le tableau applets contient la liste des applets java déclarées dans le document (Lire aussi les différences Java/JavaScript).
L'objet plugins
Le tableau plugins est une particularité de Netscape, il contient toutes les plugins (modules d'extension) installé sur le poste (winamp, flash, quicktime sont des plugins).
Le tableau plugins est aussi rattaché à navigator. Plugins en détail ici.
|
|
