Propriétés des objets du navigateur

Les objets ci-dessous sont créés en début de document, afin que leur nom soit connu:
● un formulaire avec un bouton et un menu et un champ texte
● une image
● des liens
● une applet Ainsi les tableaux documents.forms, document.images ou documents.links ne sont pas vides

Voici l' image: qui est répertoriée dans le tableau documents.images.

Voici l'applet ,
de nom AppletTest, chargée par la balise:
<applet CODEBASE = "../app_java/xmp_java" CODE= "AppletXmp.class" NAME="AppletTest"
WIDTH="300" HEIGHT="80 HSPACE=0 VSPACE=0 ALIGN="right" >

Voici les liens: [ exemple | bas de page ]

Hiérarchie d'objets du navigateur

Les liens suivant indiquent des objets utilisables en Javascript; en activant un lien, les propriétés de l'objet correspondant sont affichées dans une nouvelle fenêtre.

window
document (ou window.document)
1. document.anchors, document.anchors[0] objet de classe Link, créés par la balise A utilisée avec l'attribut NAME; tous ces objets sont accessibles par le champ anchors de l'objet document.
2. document.applets, document.applets[0] chaque balise APPLET crée un objet de classe Applet; tous ces objets sont accessibles par le champ applets de l'objet document.
3. document.body
4. document.forms[0] lié à la première balise FORM (avec le nom unFormulaire)
5. document.forms[0].elements : tableau des champs (boutons, listes, textes ...) d'un formulaire, créés par les balisess INPUT, SELECT, TEXTAREA.
6. document.forms[0][1] élément de classe Select, créé par le code html:
  <select name="menu">
  qui peut aussi être désigné par l'une des expressions:
  - document.forms.unFormulaire.menu
  - document.unFormulaire.menu
  - document.forms[0]['menu']
  Un objet de classe Select, créé par une balise SELECT, possède un champ appelé options, qui est un tableau d'éléments de classe Option, qui a autant d'éléments qu'il y a de balise OPTION dépendant du SELECT.
7. document.forms[0]['exemple'] élément créé par une balise TEXTAREA
8. document.forms.unFormulaire.menu.options[0] élément créé par une balise OPTION, lié à un SELECT (désigné aussi par: document.forms[0][1][0]).
document.images, document.images[0] chaque balise IMG crée un objet de classe Image; tous ces objets sont accessibles par le champ images de l'objet document.
document.links, document.links[0] objet de classe Link, créés par la balise A.
document.tags, document.tags.BODY définis uniquement pour NETSCAPE.

window.frames, window.frames.parent, window.frames.parent[0]
Les balises BODY ou FRAMESET créent un objet de classe Window; chaque balise FRAME crée également un objet de classe Window.
Lorqu'on définit plusieurs cadres, on utilise plusieurs balises FRAME pour une balise FRAMESET; l'objet Window associé à la balise FRAMESET a un champ frames qui est un tableau dont chaque élément est associé à une balise FRAME.

window.history

window.location
Un objet de classe Location contient des informatons sur l'URL associée à la fenêtre.

navigator (ou window.navigator)
Un objet de classe Navigator contient des informatons sur le navigateur utilisé; le champ appName permet de faire la différence entre les navigateurs et d'adapter la programmation Javascript en conséquence.

window.screen défini uniquement pour FIREFOX ou NETSCAPE.

Fonction javascript utilisée

L'affichage des propriétés des objets est généré par la fonction suivante: function propObjet(chObj,f) { var i=0; var obj=eval(chObj) if(f) fen=f; else fen=self // fen.document.write("<p><"+"/p>") fen.document.write("objet "+chObj.bold()) fen.document.write("<OL>") for (prop in obj) { i=i+1; fen.document.write('<li>'+prop+(':   '+typeof(obj[prop])).italics()); fen.document.write( ' = ' + obj[prop] + '<br />'); } fen.document.write("<"+"/OL>") ch = " "+i+" propriétés pour " + chObj if(f) fen.status=ch else document.write(ch+"<br />") fen.document.write("<p><"+"/p>") }

Exemples

appel: propObjet('window.screen')
affichage obtenu:
objet: window.screen (12 propriétés)
1. addEventListener: function = 'function addEventListener() { [native code] }'
2. availHeight: number = '720'
3. availLeft: number = '0'
4. availTop: number = '0'
5. availWidth: number = '1280'
6. colorDepth: number = '24'
7. dispatchEvent: function = 'function dispatchEvent() { [native code] }'
8. height: number = '720'
9. orientation: object = '[object ScreenOrientation]'
10. pixelDepth: number = '24'
11. removeEventListener: function = 'function removeEventListener() { [native code] }'
12. width: number = '1280'
appel: propObjet('window.history')
affichage obtenu:
objet: window.history (8 propriétés)
1. back: function = 'function back() { [native code] }'
2. forward: function = 'function forward() { [native code] }'
3. go: function = 'function go() { [native code] }'
4. length: number = '2'
5. pushState: function = 'function pushState() { [native code] }'
6. replaceState: function = 'function replaceState() { [native code] }'
7. scrollRestoration: string = 'auto'
8. state: object = 'null'
affichage obtenu pour l'objet javascript: document.getElementById("premierP")
affichage obtenu pour l'objet jQuery: $("#premierP")

Remarque

On peut enchaîner deux instructions dans une pseudo-url:
href="javascript:fen=window.open();propObjet('screen',fen);"

Ici l'ancre "basDePage"

[ hiérarchie | haut de page ]

Mise � jour: 12/15/2016 09:52:12

Roger Astier
. . .
mel(roger.astier@free.fr), tel(), fax()