Javascript

Ce cours ne nécessite aucune connaissance informatique préalable, excepté celle du HTML. Le Javascript est un langage de programmation appliqué aux objets d'un document HTML.

L'objet location


L'objet location se réfère à l'URL actuelle, et propose son découpage dans ces propriétés. De ce faite, l'URL est représenté de la façon suivante :

protocol://host/pathname[?search][#hash]
avec host = hostname[:port]

Liste des propriétés de l'objet :

hash Ancre recherché
host Combinaison de "hostname" et de "port"
hostname Identification du serveur
href URL complet
pathname Nom du fichier avec son chemin d'accès
port Numéro du port
protocol Désignation du protocole
search Variable et données de requête
target (?!?)
text logo_ns.gif (173 octets)
x logo_ns.gif (173 octets)
y logo_ns.gif (173 octets)

Liste des méthodes de l'objet :

reload() replace()

Visualisez l'objet "location" de  votre navigateur.
<HTML><body><script><!--

for (t in location)
document.write(t," = ",location[t],'<br>');

//--></script></body></HTML>


Location - hash Haut de page
Désigne l'ancre (signet) dans la page sur laquelle le navigateur doit se placer.

Une ancre est défini avec la balise ouvrant A : "<A name='nom'>".

<HTML><body><script><!--

document.write(
  "location.hast = "
  ,location.hast);

//--></script></body></HTML>


Location - host Haut de page
Cette propriété identifie le serveur utilisé pour la connexion, ainsi que le numéro de son port d'accès s'il est différent du port par défaut.
<HTML><body><script><!--

document.write(
  "location.host = "
  ,location.host);

//--></script></body></HTML>


Location - hostname Haut de page
Cette propriété identifie le nom du serveur utilisé pour l'accès. Ce nom est une chaîne contenant le nom l'hôte, le nom de domaine ou le numéro d'IP du serveur.
<HTML><body><script><!--

document.write(
  "location.hostname = "
  ,location.hostname);

//--></script></body></HTML>


Location - href Haut de page
Cette propriété contient l'URL complété transmise lors de la communication.
<HTML><body><script><!--

document.write(
  "location.href = "
  ,location.href);

//--></script></body></HTML>


Location - pathname Haut de page
Cette propriété contient le nom avec le chemin d'accès au fichier document visualisé dans le navigateur
<HTML><body><script><!--

document.write(
  "location.pathname = "
  ,location.pathname);

//--></script></body></HTML>


Location - port Haut de page
Cette propriété contient le numéro de port utilisé pour établir la communication avec le serveur (lorsqu'elle est différente du port par défaut).
<HTML><body><script><!--

document.write(
  "location.port = "
  ,location.port);

//--></script></body></HTML>


Location - protocol Haut de page
Cette propriété contient le signe (avec les deux points) du protocole (format) de communication utilisé pour accéder au fichier sur le serveur de données.
<HTML><body><script><!--

document.write(
  "location.protocol = "
  ,location.protocol);

//--></script></body></HTML>


Location - search Haut de page
Cette propriété contient l'ensemble des éléments utilisé dans la requête du formulaire ayant appelé le document.
<HTML><body><script><!--

document.write(
  "location.search = "
  ,location.search);

//--></script></body></HTML>


Location - target Haut de page
?!?
Pas d'information vérifié sur cette propriété.
<HTML><body><script><!--

document.write(
  "location.target = "
  ,location.target);

//--></script></body></HTML>


Location - text Haut de page
?!?
Pas d'information vérifié sur cette propriété.
<HTML><body><script><!--

document.write(
  "location.text = "
  ,location.text);

//--></script></body></HTML>


Location - x Haut de page

Lorsque l'on utilise une image pour l'envoi d'un formulaire, les coordonnées du click sur l'image sont aussi envoyé comme des données ("nom_image.x=abscisse"). Lorsque l'image n'a pas de nom, seul "x=abscisse" est transmis. L'existence de cette propriété pourrai être compréhensible, si elle contenait la valeur d'abscisse pour une image sans nom ! Mais cette propriété semble être toujours indéfinie sur Nescape, et inexistante sur IE.

?!?
Pas d'information vérifié sur cette propriété.
<HTML><body><script><!--

document.write(
  "location.x = "
  ,location.x);

//--></script></body></HTML>


Location - y Haut de page
?!? :
Pas d'information vérifié sur cette propriété.

Équivalent à "location.x" mais pour y.

<HTML><body><script><!--

document.write(
  "location.y = "
  ,location.y);

//--></script></body></HTML>


Location - reload([oblige]) Haut de page

Cette méthode demande au navigateur de recharger le document. Si le boolean "oblige" est vrai (true), le rechargement sera forcé même si le document n'a pas été modifié.

Les navigateurs, par défaut, optimise les transfères en ne rechargement que les documents ayant été modifiés (date/heure/taille).
<HTML><body>

<form>
<input type=button value=reload
  onclick="location.reload()">
</form>

</body></HTML>


Location - replace() Haut de page

Avec cette méthode, vous accédez à un nouvelle URL en écrasant l'URL actif de l'objet history : cela signifie que la nouvelle URL ne sera pas ajouté dans l'historique, mais remplacera (par écrasement) l'URL actif.

Le document utilisant cette méthode ne pourra plus être atteint ni par les boutons précédent/retour et suivant/avancer, ni par les méthode de l'objet "history".
<HTML><body>

<a href="javascript:location.replace('../../logo.html');">
Voir GOWAP
</a>

</body></HTML>


Dernière mise à jour : dimanche 06 janvier 2008