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 le formulaire:                

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.
  1. window
  2. 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
      1. document.body.attributes
      2. document.body.parentNode
      3. document.body.style
    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]).
  3. 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.
  4. document.links,   document.links[0] objet de classe Link, créés par la balise A.
  5. 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+(': &nbsp; '+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

    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 ]