L'objet document - Cours Javascript

Introduction

Info

L'objet document est un élément majeur, il va vous permettre de récupérer des informations d'un formulaire, créer des calques et les déplacer, écrire du texte...
Ce chapitre est plus une introduction de toutes les possibilités de l'objet document.

Vous trouverez d'autres informations pour compléter ce cours dans le chapitre : L'objet javascript Document du Document Object Model HTML (DOM HTML)

document.fgColor

Info

La propriété javascript fgColor de l'objet document permet récupérer et de modifier la couleur du texte de votre page HTML.

On l'écrit :
Exemple de code :
document.fgColor = "#993333";

Netscape 4.78 ne change pas la couleur sauf si document.fgColor est définit au chargement de la page.
Il faut donc que votre balise <SCRIPT> soit avant la balise </HEAD>.

document.bgColor

Info

La propriété javascript bgColor de l'objet document permet récupérer et de modifier la couleur de fond de votre page HTML.

On l'écrit :
Exemple de code :
document.bgColor = "#993333";

document.lastModified

Info

La propriété javascript lastModified de l'objet document permet de savoir quand la page HTML a été modifiée.

On l'écrit :
Exemple de code :
document.lastModified;

Internet explorer renvoie : 11/07/2000 19:41:00
Netscape renvoie : Tuesday, November, 7 /2000 19:41:00

document.linkColor

Info

La propriété javascript linkColor de l'objet document permet de récupérer et de modifier la couleur des liens de votre page HTML.

On l'écrit :
Exemple de code :
document.linkColor = "#993333";

Netscape 4.78 ne change pas la couleur sauf si document.linkColor est définit au chargement de la page.
Il faut donc que votre balise <SCRIPT> soit avant la balise </HEAD>.

document.vlinkColor

Info

La propriété javascript vlinkColor de l'objet document de l'objet document permet de récupérer et de modifier la couleur des liens visités de votre page HTML.

On l'écrit :
Exemple de code :
document.vlinkColor = "#993333";

Netscape 4.78 ne change pas la couleur sauf si document.vlinkColor est définit au chargement de la page.
Il faut donc que votre balise <SCRIPT> soit avant la balise </HEAD>.

document.alinkColor

Info

La propriété javascript alinkColor de l'objet document permet de récupérer et modifier la couleur des liens actifs de votre page HTML.

On l'écrit :
Exemple de code :
document.alinkColor = "#993333";

Netscape 4.78 ne change pas la couleur sauf si document.alinkColor est définit au chargement de la page.
Il faut donc que votre balise <SCRIPT> soit avant la balise </HEAD>.

document.location

Info

La propriété javascript location de l'objet document permet de récupérer et modifier l'url de votre page HTML.
Ce qui revient à charger une autre page HTML.

On l'écrit :
Exemple de code :
document.location = "URL/monDoc.HTML";

document.location.search, permet de récupérer et modifier les paramètres passés dans l'url de votre page HTML.
On l'écrit :
Exemple de code :
Lien de la page : "URL/monDoc.HTML?parametre=aliasdmc";
alert(document.location.search);
//?parametre=aliasdmc

document.location.hash, permet de récupérer et modifier l'ancre passée dans l'url de votre page HTML.
On l'écrit :
Exemple de code :
Lien de la page : "URL/monDoc.HTML#monancre";
alert(document.location.hash);
//#monancre


Voir aussi le chapitre "L'objet link (lien)" pour les encodages d'url (encodeURI, encodeURIComponent)

document.write()

Info

La propriété javascript write() de l'objet document permet d'écrire dans votre page HTML.

Nous y reviendrons dans le chapitre "Ecrire du texte".

document.images[ ]

Info

La propriété javascript document.images[ ] de l'objet document permet de récupérer et modifier les images de votre page HTML.
Nous y reviendrons dans un chapitre sur les images.

document.forms[ ]

Info

La propriété javascript forms[ ] de l'objet document permet de récupérer et modifier les informations de votre formulaire.

Nous y reviendrons dans un chapitre sur les Formulaires.

document.open()

Info

La méthode javascript open() de l'objet document permet d'ouvrir une page HTML (pop up).

Nous y reviendrons dans un chapitre sur les Pop up.

document.title

Info

La propriété javascript title de l'objet document permet de récupérer et modifier le titre de votre page HTML.
On l'écrit :
Exemple de code :
document.title = "mon titre";

Netscape 4.78 ne change pas le titre sauf si document.title est définit au chargement de la page.
Il faut donc que votre balise <SCRIPT> soit avant la balise </HEAD>.