L'objet link (lien) - Cours Javascript

Introduction

Info

Nous allons maintenant étudier les propriétés de l'objet javascript link.
Grâce à ces propriétés javascript, vous pourrez changer à tout moment l'url de vos lien et sa target...

Vous trouverez d'autres informations pour compléter ce cours dans :
- l'objet javascript Link du Document Object Model HTML
- la balise HTML XHTML A
- les feuilles de style CSS

escape()

Info

Une url doit être au format ASCII (hexadécimal). transformer une chaîne de caractères en ASCII, vous devez utiliser la fonction javascript escape().

Exemple :
Exemple de code :
document.links[n].href=escape("le lien 5");
ce qui vous donne : le%20lien%205

Cependant, les méthode escape et unescape ne fonctionnent pas correctement pour les caractères non-ASCII et sont donc déconseillées

unescape()

Info

La méthode javascript unescape() vous permettra de faire l'inverse.

Exemple :
Exemple de code :
unescape("le%20lien%205");
Ce qui vous donne : le lien

encodeURI

Info

La méthode encodeURI remplace la méthode escape dans le javascript 1.5 compatible avec Internet Explorer 5.5, Netscape6+, FireFox

Exemple :
Exemple de code :
alert(encodeURI("le lien 5/;?#"));
ce qui vous donne : le%20lien%205/;?#

Attention encodeURI n'encode pas les caratères suivant " : ", " / ", " ; " et " ? ". Utilisez à la méthode encodeURIComponent

decodeURI

Info

La méthode javascript decodeURI() vous permettra de faire l'inverse.

Exemple :
Exemple de code :
decodeURI("le%20lien%205/;?#");
Ce qui vous donne : le lien 5/;?#

encodeURIComponent

Info

La méthode encodeURIComponent remplace toutes les caractères. Elle compatible avec Internet Explorer 5.5, Netscape6+, FireFox.

Exemple :
Exemple de code :
alert(encodeURIComponent("le lien 5;?#"));
ce qui vous donne : le%20lien%205%3B%3F%23

decodeURIComponent

Info

La méthode javascript decodeURIComponent() vous permettra de faire l'inverse.

Exemple :
Exemple de code :
decodeURIComponent("le%20lien%205%3B%3F%23");
Ce qui vous donne : le lien 5;?#

Les événements

Infos

Voici les événements possibles :

onMouseOver la sourie survole le lien.
onMouseOut la sourie quitte le lien.
onClick on clique sur le lien.
onDbleClick on double clique sur le lien.
onMouseUp le bouton gauche est relâché.
onMouseDown le bouton gauche est appuyé.
onFocus le lien prend le focus.
onBlur le lien perd le focus.