JavaScript Tutorial

JavaScript Où aller

 


La balise

Essayez-le vous-même »

Les anciens exemples JavaScript peuvent utiliser un attribut type :

 

Essayez-le vous-même »

Placer des scripts au bas de l'élémentaméliore la vitesse d'affichage, car l'interprétation des scripts ralentit l'affichage.


JavaScript externe

Les scripts peuvent également être placés dans des fichiers externes :

Fichier externe : monScript.js

function maFonction() {
document.getElementById("demo").innerHTML = "Paragraphe modifié.";
}

Les scripts externes sont pratiques lorsque le même code est utilisé dans de nombreuses pages Web différentes.

Les fichiers JavaScript ont l'extension de fichier .js.

Pour utiliser un script externe, mettez le nom du fichier de script dans le champ src attribut (source) d'un <script> étiqueter:

Vous pouvez placer une référence de script externe dans <head> ou <body> comme vous voulez.

Le script se comportera comme s'il se trouvait exactement à l'endroit où <script> l'étiquette est localisée.

Les scripts externes ne peuvent pas contenir <script> Mots clés.


Avantages de JavaScript externe

Placer des scripts dans des fichiers externes présente certains avantages :

  • Il sépare HTML et code
  • Il rend HTML et JavaScript plus faciles à lire et à maintenir
  • Les fichiers JavaScript mis en cache peuvent accélérer le chargement des pages

Pour ajouter plusieurs fichiers de script à une page, utilisez plusieurs balises de script :

Exemple



Références externes

Un script externe peut être référencé de 3 manières différentes :

  • Avec une URL complète (une adresse Web complète)
  • Avec un chemin de fichier (comme /js/)
  • Sans aucun chemin

Cet exemple utilise un URL complète pour créer un lien vers myScript.js :

Exemple

Essayez-le vous-même »

Cet exemple utilise un chemin du fichier pour créer un lien vers myScript.js :

Cet exemple n'utilise aucun chemin pour créer un lien vers myScript.js :

 

 

#JavaScript #Où #aller

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button