Utilisation de fichiers *.js dans une page html

Dernière mise à jour le par @karamel .

Vous désirez que votre fonction Javascript n'apparaisse pas dans le code HTML de votre page web ?

Tutoriel

- Créez un fichier texte contenant la fonction en question.

Par exemple :

mafonction (...)
      {...  
      return (...) ;
  }

- Sauvez ce fichier dans un répertoire de votre site sous le nom "mafonction.js". (par exemple le répertoire js)

- Dans la page appelante en HTML, n'importe où dans le code, insérez :

<script type= "text/javascript" src="répertoire/mafonction.js"></script>

- Vous pouvez utiliser votre fonction dans la page appelante comme si elle faisait partie de cette page:

 <script> mafonction  (...)  ;   </script>

Exemple

Voici un exemple permettant de cacher votre adresse e-mail aux robots qui parcourent le web, mais pas à vos lecteurs:

Soit la fonction :

function genadresse(utilisateur) {    
    var domain = "votredomaine";           // indiquez ici le nom de votre domaine
    var pays  ="fr";                    // fr, com, be, ch
    var atsign = String.fromCharCode(64);  // c'est le signe @
    var point  = String.fromCharCode(46);  // c'est le "." point
    var adr =  utilisateur + atsign + domain + point + pays;
    document.write("<" + "a" + " " + "href=" + "ma" +String.fromCharCode(105) + "lto" +String.fromCharCode(58) + adr +">" + adr + "");
  }

Enregistrez cette fonction dans le fichier "genadresse.js" dans le répertoire "/js" de votre site Web.

Créez une page HTML contenant ceci: (nommez la par exemple testemail.htm)

<html>
<head>
    <title>Page de test</title>
 <script src="js/genadresse.js" type="text/javascript"></script>    
</head>

<body>
 <script type="text/javascript"> genadresse("info") </script>
</body>
</html>

Sur la page en question vous verrez:

info@votredomaine.fr

Mais le robot ne verra que " <script type="text/javascript"> genadresse("info") </script> "
et comme il cherche une chaîne du style " *@*.* " il ne la trouvera pas.
Le spam (pouriel) sur cette adresse devrait diminuer.

A voir également
Ce document intitulé « Utilisation de fichiers *.js dans une page html » issu de CodeS SourceS (codes-sources.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Tuto sur les balises de défilement
Imprimer une page sans ses boutons
Rejoignez-nous