Le principal moyen de créer des effets dynamiques sur les pages Web consiste à utiliser des scripts côté client. Ce sont des morceaux de code qui sont interprétés par le moteur de script de l'application affichant le document. JavaScript est un langage de programmation populaire utilisé pour les scripts. Pour que le script puisse s'exécuter, il doit être inséré dans le document d'une manière ou d'une autre.
Il est nécessaire
- - le code des scripts;
- - le document source;
- - éditeur de texte.
Instructions
Étape 1
Déterminez la meilleure façon d'insérer le script. S'il est supposé que le même script sera utilisé dans différents documents, il est alors logique de le déplacer vers un fichier externe et de le connecter à partir de là. Sinon, il vaut la peine d'intégrer le texte du script dans le corps de la page. Si la taille du script est importante, cela vaut la peine de le placer dans un bloc séparé du document. Si le code du programme est de petit volume et implémente une réaction à n'importe quel événement, il est permis de le placer dans un attribut qui définit le gestionnaire d'événement intégré d'un élément ou l'attribut href d'un lien.
Étape 2
Collez le script à partir d'une source externe. Ajoutez un élément SCRIPT avec les attributs src et type spécifiés au corps du document ou à la section HEAD. Par exemple, vous pouvez le faire comme ceci: La valeur de l'attribut src doit être un URI pointant vers la ressource à partir de laquelle le texte du script sera chargé. L'attribut charset est facultatif. Il indique l'encodage du texte du script. Mais s'il est omis, la valeur d'encodage sera considérée comme la valeur d'encodage du document dans lequel le script est inséré.
Étape 3
Insérez le script dans le texte de la page. Utilisez un élément SCRIPT avec du texte de script à l'intérieur. Par exemple, cela pourrait ressembler à ceci:
alert ("Le script fonctionne!");
Les commentaires HTML qui entourent le code sont requis pour la compatibilité avec les anciens navigateurs. Vous pouvez utiliser des commentaires XML dans les documents XHTML.
Étape 4
Insérez du code javascript dans les gestionnaires d'événements en ligne. Recherchez l'élément dans le document dont vous souhaitez gérer l'événement. Ajoutez un attribut qui définit le gestionnaire approprié. Par exemple, l'attribut qui spécifie le gestionnaire pour un clic de souris sur un élément est onclick, le gestionnaire pour le signal de perte de focus est onblur et le gestionnaire de frappe est onkeydown.
Étape 5
Entrez le code de script comme texte qui spécifie la valeur de l'attribut ajouté. Par exemple, pour afficher un message lorsqu'un élément DIV est cliqué avec la souris, vous pouvez utiliser la construction suivante: Text text text Notez que pour définir des littéraux de chaîne dans le code du gestionnaire d'élément en ligne, vous devez utiliser un type de guillemets différent de ceux qui spécifient la valeur de l'attribut HTML …
Étape 6
Ajoutez le script à l'élément href du lien. La valeur href doit être une URL, dont le descripteur de protocole est "javascript:", et la partie adresse est une expression calculée. Par exemple: Lien texte Si vous devez utiliser plusieurs expressions, utilisez un bloc d'instructions défini par les crochets {et}.
