Scripts HTML

Un script est une petite partie de programme, insérée dans la page web pour la faire dynamique et interactive. Par exemple, à l’aide des scripts, vous pouvez créer un menu déroulant, message de boîte pop-up, etc. Le langage des scripts le plus connu, qui est utilisé sur les sites web, est JavaScript.

Comment ajouter des Scripts

L’élément <script> est utilisé pour insérer un script ou une référence à un script exécutable dans un document HTML. Des scripts sont souvent insérés dans un élément <head> pour garantir que le script est prêt à fonctionner lorsqu’il est appelé. Dans tous les cas, il n’y a pas de restriction, et le script peut être remplacé dans n’importe quelle partie du document.

Si vous avez besoin que les mêmes scripts étaient disponibles pour plusieurs pages web, vous devez placer un script dans un fichier séparé, et ensuite l’appeler du document HTML.

Exemple

<script type="text/javascript" src="scripts.js"></script>

Comment déclancher des scripts

Vous pouvez spécifier si un script doit être exécuté automatiquement (dès le chargement de la page) ou après que l'utilisateur a fait quelque chose (comme survoler ou cliquer sur un lien). Si vous souhaitez que le script s'exécute si l'utilisateur exécute une action (appelée événement), vous devez utiliser des gestionnaires d'événements pour indiquer au navigateur quel événement est responsable du déclenchement de certains scripts.

Gestionnaires d’événements sont spécifiés comme des attributs dans la balise HTML.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Exemple de gestionnaire d’événements</title>
    <script type="text/javascript">
      function myAlert()
      {
          alert("Je suis un gestionnaire d’événements....");
            	return;
      }
    </script>
  </head>
  <body>
    <span onmouseover="myAlert();">
    Placez votre souris ici pour voir un alerte.
    </span>
  </body>
</html>

Résultat

L’élément <noscript>

Malgré que beaucoup de navigateurs modernes supportent JavaScript, il y a quelques navigateurs plus anciens qui ne peuvent pas exécuter le code JavaScript. Pour avoir information alternative pour les navigateurs non-JavaScript ou les navigateurs avec JavaScript désactivé, on utilise la balise <noscript>. Le contenu de cette balise est affiché à l’utilisateur seulement dans le cas, où JavaScript est désactivé ou quand le navigateur ne supporte pas JavaScript.

Exemple

<!DOCTYPE html>
<html>
  <body>
    <script>
      document.write("Mon premier exemple de JavaScript!")
    </script>
    <noscript>Désolé, votre navigateur ne supporte pas JavaScript!</noscript>
    <p>Un navigateur qui ne supporte pas JavaScript va afficher le contenu dans l’élément noscript.</p>
  </body>
</html>

Résultat




Trouvez-vous cela utile?

Articles Associées