Le modèle document objet

Les éléments qui constituent une page HTML (liens, images, formulaires, ...) sont considérés par le langage JavaScript comme des objets auxquels sont associés des propriétés (modifiables ou non) et des méthodes. Nous ne nous intéresserons dans ce document qu'à quelques unes d'entre elles. A vous d'essayer les différentes propriétés afin de déterminer celles qui sont modifiables.

Exemple 4. Un lien admet une propriété de nom target qui contient le nom de la fenêtre (dans le cas de l'utilisation de frames) dans lequel s'affichera le document.

L'accès à une propriété (resp. à une méthode) d'un objet de nom obj se fait en utilisant la syntaxe :obj.propriété (resp. obj.méthode). Il faut donc maitenant savoir comment le langage JavaScript nomme les différents éléments (i.e. les différents objets) qui constituent le document HTML. Les éléments suivants sont associés à des objets:

- fenêtre de navigateur,

- frame,

- liens,

- images,

- formulaires,

- layers.

Par convention, on appellera document principal, le document contenant le script JavaScript en cours d'exécution.

ATTENTION: Dans ce qui suit, l'ensemble des propriétés des différents objets décrits est compatible avec Netscape 4.x. Certaines propriétés n'existent pas pour Internet Explorer (par exemple window.innerWidth). Pour obtenir toutes les propriétés disponibles pour un objet utilisez le petit script suivant: (par exemple pour l'objet window)

<script language="JavaScript1.2">

for (prop in window)
{
 document.write('window.'+prop+' = '+window[prop]+'<BR>');
} 

</script>

qui renvoie sous

Netscape 4.x

IE 5.x

window.length = 0 window.frames = #1={UN TAS D'INFOS !!!} window.top = #1={UN TAS D'INFOS !!!} window.self = #1={UN TAS D'INFOS !!!} window.name = window.status = undefined window.defaultStatus = window.opener = null window.closed = false window.innerWidth = 1026 window.innerHeight = 724 window.outerWidth = 1038 window.outerHeight = 893 window.screenX = 545 window.screenY = 174 window.pageXOffset = 0 window.pageYOffset = 0 window.secure = false window.frameRate = 37 window.offscreenBuffering = auto window.document = window.history = undefined window.location = file:///C|/Mes documents/Pascal/MAPAGE/prop2.html window.crypto = {} window.pkcs11 = {} window.prop = prop

window.onbeforeunload = null window.onafterprint = null window.top = [object] window.location = file:///C:/Mes%20documents/Pascal/MAPAGE/prop2.html window.parent = [object] window.offscreenBuffering = auto window.frameElement = null window.onerror = null window.screen = [object] window.event = null window.clipboardData = [object] window.onresize = null window.defaultStatus = window.onblur = null window.window = [object] window.onload = null window.onscroll = null window.screenTop = 203 window.onfocus = null window.Option = [object] window.length = 0 window.onbeforeprint = null window.frames = [object] window.self = [object] window.clientInformation = window.external = window.screenLeft = 366 window.opener = undefined window.onunload = null window.document = [object] window.closed = false window.history = [object] window.Image = [object] window.navigator = window.status = window.onhelp = null window.name =