Contenu
Les pages Web peuvent interroger des codes dans des fichiers externes. Cela permet aux développeurs d’appeler des fonctions JavaScript enregistrées dans des fichiers ".js". Dans la section "head" d'une page Web HTML, un lien peut importer le contenu d'un fichier JavaScript. Dans la section "body", le balisage HTML peut inclure des instructions permettant au navigateur d'appeler des fonctions dans les fichiers JavaScript inclus dans la page. Les pages Web appellent souvent ces fonctions lorsqu'une interaction avec l'utilisateur se produit sur la page.
Lien de script
Pour utiliser des fonctions dans un fichier JavaScript externe, une page Web doit inclure un lien vers le fichier. L'exemple de balise HTML suivant illustre un lien vers un fichier JavaScript répertorié dans la section "head" de HTML:
Ce code permet à la page d'utiliser les fonctions d'un fichier appelé "myfuncoes.js", qui est stocké dans le même répertoire que la page en question. Si l'adresse du script réside dans un emplacement différent, ce code doit refléter l'emplacement de l'attribut "src".Contour de la fonction
Pour appeler une fonction JavaScript, vous devez connaître le contour de la fonction. Pour vérifier cela, vous pouvez trouver la fonction dans votre fichier JavaScript et regarder sa première ligne. L'exemple de code JavaScript suivant illustre l'esquisse d'une fonction:
fonction facaAlgoDeBom ()
Pour appeler cette fonction, le code JavaScript de la page Web doit utiliser le nom de la fonction, comme dans l'extrait de code suivant:
facaAlgoDeBom ();
Lorsque ce code est exécuté, le contenu de la fonction sera exécuté.
Balisage HTML
Pour appeler une fonction JavaScript en HTML, les programmeurs doivent décider quand exécuter cette fonction. Souvent, les fonctions sont exécutées lors d'une interaction utilisateur avec un élément HTML. Cette technique utilise des écouteurs d'événements, que vous pouvez attacher aux éléments HTML via des attributs. Le code ci-dessous montre comment spécifier une fonction JavaScript à exécuter lorsque l'utilisateur clique sur un élément:
Lorsque l'utilisateur clique sur ce bouton, le navigateur localise la fonction spécifiée, puis l'exécute.
Les options
Les développeurs doivent adapter leurs appels de fonction aux détails de ces fonctions. Certaines fonctions ont besoin de paramètres et d’autres renvoient des valeurs à la fin de l’exécution. L'exemple suivant prend un paramètre et retourne une valeur:
multiplication de fonctions (InitialNumber) {return InitialNumber * 5; }
L'extrait suivant montre comment appeler cette fonction et utiliser la valeur de retour:
var résultat = multiplier (3); document.write (résultat);
Le code transmet une valeur numérique à la fonction et reçoit une autre valeur de retour. Il stocke la valeur renvoyée dans une variable, puis utilise ce retour dans un autre rendu.
