Les scripts de code peuvent-ils être enregistrés dans un fichier externe?

Placement JavaScripts directement dans le fichier contenant le code HTML d'une page Web est idéal pour les scripts courts utilisés lors de l'apprentissage de JavaScript. Cependant, lorsque vous commencez à créer des scripts pour fournir des fonctionnalités importantes à votre page Web, la quantité de JavaScript peut devenir assez volumineux, et l'inclusion de ces gros scripts directement dans la page Web pose deux problèmes:

• Cela peut affecter le classement de votre page avec les différents moteurs de recherche si le JavaScript occupe une partie majoritaire du contenu de la page. Cela réduit la fréquence d'utilisation des mots clés et des phrases qui identifient le contenu.
• Il est plus difficile de réutiliser la même fonction JavaScript sur plusieurs pages de votre site Web. Chaque fois que vous souhaitez l'utiliser sur une page différente, vous devrez le copier et l'insérer dans chaque page supplémentaire, ainsi que toutes les modifications requises par le nouvel emplacement.

C'est beaucoup mieux si nous rendons le JavaScript indépendant de la page Web qui l'utilise.

Heureusement, le les développeurs de HTML et JavaScript ont fourni une solution à ce problème. Nous pouvons déplacer nos JavaScripts hors de la page Web et le faire fonctionner exactement de la même manière.

La première chose que nous devons faire pour rendre un JavaScript externe à la page qui l'utilise est de sélectionner le code JavaScript lui-même (sans les balises de script HTML environnantes) et copiez-le dans un autre fichier.

Par exemple, si le script suivant est sur notre page, nous sélectionnerions et copierions la partie en gras:

Auparavant, il était pratique de placer JavaScript dans un document HTML à l'intérieur des balises de commentaire pour empêcher les anciens navigateurs d'afficher le code; cependant, les nouvelles normes HTML stipulent que les navigateurs doivent traiter automatiquement le code à l'intérieur de Balises de commentaires HTML sous forme de commentaires, ce qui fait que les navigateurs ignorent votre Javascript.

Si vous avez hérité des pages HTML d'une autre personne avec JavaScript à l'intérieur des balises de commentaire, vous n'avez pas besoin d'inclure les balises dans le code JavaScript que vous sélectionnez et copiez.

Par exemple, vous ne copiez que le code en gras, en omettant les balises de commentaire HTML et dans l'exemple de code ci-dessous:

Une fois que vous avez sélectionné le code JavaScript que vous souhaitez déplacer, collez-le dans un nouveau fichier. Donnez au fichier un nom qui suggère ce que fait le script ou identifie la page à laquelle appartient le script.

Donnez au fichier un .js suffixe pour que vous sachiez que le fichier contient JavaScript. Par exemple, nous pourrions utiliser hello.js comme nom du fichier pour enregistrer le JavaScript de l'exemple ci-dessus.

Maintenant que nous avons copié et enregistré notre JavaScript dans un fichier séparé, il nous suffit de référencer le fichier de script externe sur notre Document de page Web HTML.

Tout d'abord, supprimez tout entre les balises de script:

Cela ne dit pas encore à la page quel JavaScript exécuter, nous devons donc ajouter un attribut supplémentaire à la balise de script elle-même qui indique au navigateur où trouver le script.

Notre exemple ressemblera maintenant à ceci:

src = "hello.js">

L'attribut src indique au navigateur le nom du fichier externe à partir duquel le code JavaScript de cette page Web doit être lu (qui est hello.js dans notre exemple ci-dessus).

Vous n'avez pas besoin de placer tous vos scripts Java au même emplacement que vos documents de page Web HTML. Vous souhaiterez peut-être les placer dans un dossier JavaScript distinct. Dans ce cas, vous venez de modifier la valeur dans le src attribut pour inclure l'emplacement du fichier. Vous pouvez spécifier n'importe quelle adresse Web relative ou absolue pour l'emplacement du fichier source JavaScript.

Vous pouvez maintenant prendre n'importe quel script que vous avez écrit ou tout script que vous avez obtenu à partir d'une bibliothèque de scripts et le déplacer du code de la page Web HTML dans un fichier JavaScript référencé en externe.

Vous pouvez ensuite accéder à ce fichier de script à partir de n'importe quelle page Web en ajoutant simplement les balises de script HTML appropriées qui appellent ce fichier de script.