Alain Pilon
IFT 1945 - Internet et édition de pages
web 1
IFT 1146 – Programmation Internet
Copyright, 2004 © Alain Pilon
Ch. 7
Les objets du navigateur et du document
Hierarchie des objets (fig 6.1)
window
autres fenêtres top, parent, self…
navigator frames[ ] location history document
forms[ ]
…
plugins[ ]
mime Types[ ]
L’objet navigator
• appName
• appVersion
• userAgent (appName + appVersion)
• appCodeName
• platform
• plus quelques autres
– language (sur Netscape) – userLanguage (sur IE)• for (propriete in window.navigator) { document.write( propriete + " " +
window.navigator[propriete] );
}
Les objets Location et History
• L’objet "Location":
location.href = "http://www.iro.umontreal.ca";
// charge la page automatiquement et l’ajoute à l’historique location.replace("URL"); // charge la page (remplace histor.) location.reload(true); // recharge la page courante location.reload(); ou location.reload(false);
// recharge la page si elle a été modifiée
• Objet "History":
history.back(), history.forward(), history.go(); history.go(+3);
history.go(-2); history.go("sous-chaine de l’historique");
Alain Pilon
IFT 1945 - Internet et édition de pages
web 2
Les types Mime et les plugins
• Les types Mime supportés par le navigateur
– navigator.mimeTypes[ ];– navigator.mimeTypes.length;
– navigator.mimeTypes[0].type;
– navigator.mimeTypes[0].suffixes;
– navigator.mimeTypes[0].description;
– …
• Les plugins disponibles dans le navigateur
– navigator.plugins[ ];– navigator.plugins.length;
– navigator.plugins[0].name;
– navigator.plugins[0].filename;
– navigator.plugins[0].description;
Les propriétés du document
• couleurs (section suivante)
• cookie (dans un autre chapitre)
• lastModified (date de modification)
• location (URL de la page courante)
• referrer (URL du lien pour parvenir au présent document)
• title (titre du document)
• anchors[ ] (toutes les <a name> du document)
• links[ ] (tous les liens d’un document)
• images[ ] (dans une section suivante)
• forms[ ] (dans un autre chapitre)
• applets[ ]
• embeds[ ]
Les couleurs
• On peut spécifier avec Javascript des couleurs pour l’arrière-fond, l’écriture et les liens d’un document HTML.
• Les propriétés à utiliser sont – document.bgColor (arrière-fond) – document.fgColor (texte) – document.linkColor (lien) – document.alinkColor (lien actif) – document.vlinkColor (lien suivi)
Les images
• Accès, remplacement, affichage, attributs, nom
• Roll-over et préchargement des images
Alain Pilon
IFT 1945 - Internet et édition de pages
web 3
Code JavaScript
• JavaScript: peut apparaître comme protocole à la place d’un URL pour exécuter du code JavaScript.
<a href="javascript: test();">test</a>
• Le code Javascript est exécuté et la valeur de retour de la fonction sert d’URL.
• Si on veut s’assurer que la valeur de retour n’est pas prise en compte, il faut utiliser void.
<a href="javascript: void test();">test</a>
