Comment ajouter JavaScript dans un site internet sous HTML

PDF download Télécharger l'article
Coécrit par l'équipe de wikiHow

PDF download Télécharger l'article

En utilisant HTML, il est possible d'Intégrer JavaScript dans le code de votre site internet.

Étapes

PDF download Télécharger l'article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f5\/864267-1.jpg\/v4-460px-864267-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f5\/864267-1.jpg\/v4-728px-864267-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Vous pouvez utiliser TextEdit sous Mac ou Bloc-notes sous Windows. Ce sont tous les deux des logiciels fournis par leur système d'exploitation respectif qui répondront à votre besoin ici.
    • Dans le système d'exploitation de Windows, allez dans le menu démarrer, puis cliquez dans la zone Rechercher . Ensuite, inscrivez Bloc-notes . Une fois qu'il apparait, appuyez dessus pour y accéder.
    • Pour le système d'exploitation Mac, allez sur la loupe en haut à droite de votre écran avec le curseur. Inscrivez TextEdit , puis une fois qu'il est présent dans la solution de recherche, cliquez dessus.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/864267-2.jpg\/v4-460px-864267-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/864267-2.jpg\/v4-728px-864267-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    N'oubliez pas lors de la rédaction les balises HTML <head> et </head> et aussi le couple de balises <body> et </body> . Pensez à bien écrire toutes les balises nécessaires pour commencer votre page HTML, comme présentées juste en dessous. 
       < 
 html 
 > 
 < 
 head 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/864267-3.jpg\/v4-460px-864267-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/864267-3.jpg\/v4-728px-864267-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dans votre document, écrivez la balise <script language="javascript"> en tête. Ainsi Bloc-notes ou TextEdit sera au courant que vous allez utiliser le langage JavaScript dans la rédaction de votre code HTML JavaScript. Dans l'exemple ci-dessous, l'idée est d'accueillir, quand quelqu'un se connecte sur le site, par un petit message en inscrivant alert , puis les mots que vous souhaitez afficher.
    • Pensez à inclure dans le script la balise HTML de votre site internet pour pouvoir ajouter JavaScript
    • Vous pouvez choisir de lancer automatiquement ou non le script à l'ouverture du site internet. Pour un lancement automatique, n'intégrez pas de fonction et faites l'inverse si vous souhaitez l'appeler.
      •  < 
 html 
 > 
 < 
 head 
 > 
 < 
 script 
 language 
 = 
 "javascript" 
 > 
 alert 
 ( 
 "Bonjour et bienvenue!" 
 ) 
 </ 
 script 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2c\/864267-4.jpg\/v4-460px-864267-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2c\/864267-4.jpg\/v4-728px-864267-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Utilisez une fonction JavaScript, si vous souhaitez appeler d'autres scripts JavaScript. Quand vous connaissez où se trouve le fichier de script, tapez entre les balises script src= , puis écrivez l'adresse internet complète pour le fichier JavaScript.
    • Faites attention à bien relier directement depuis votre site internet le fichier JavaScript et non pas le lien URL ou encore la page à partir de laquelle le script est appelé.
      •  < 
 html 
 > 
 < 
 head 
 > 
 < 
 script 
 type 
 = 
 "text/javascript" 
 src 
 = 
 "http://www.cpagrip.com/script_include.php?id=2193" 
 > 
 </ 
 script 
 > 
 </ 
 head 
 > 
 < 
 body 
 > 
 </ 
 body 
 > 
 </ 
 html 
 >
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/864267-5.jpg\/v4-460px-864267-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/864267-5.jpg\/v4-728px-864267-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Une fois terminé, allez dans la barre de menu et sélectionnez Fichier , puis cliquez sur Enregistrer sous… pour Windows et sur Enregistrer pour Mac.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/66\/864267-6.jpg\/v4-460px-864267-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/66\/864267-6.jpg\/v4-728px-864267-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dans la fenêtre qui s'ouvre, choisissez le format HTML .
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e7\/864267-7.jpg\/v4-460px-864267-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e7\/864267-7.jpg\/v4-728px-864267-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Donnez un nom à votre script puis appuyez sur Enregistrer .
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/de\/864267-8.jpg\/v4-460px-864267-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/de\/864267-8.jpg\/v4-728px-864267-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Doublecliquez sur l'icône de votre document et ainsi vous l'ouvrirez dans votre navigateur internet.
    Publicité

Avertissements

  • Pour le format HTML4, insérez la balise MIME. Pour cela il vous suffit d'insérer type='text/javascript' entre vos balises script . Pour le format HTML5, vous n'avez pas besoin de le faire.
  • Notez que pour le format HTML3, à la place de type='text/javascript' vous devez écrire language='javascript' .
Publicité

wikiHows en relation

Comment
définir la largeur et hauteur d’une image en HTML
Comment
devenir un hacker
Comment
créer une pluie de code façon Matrix dans votre invite de commande.
Comment
mettre en forme du texte en code sur Discord
Comment
définir une image en fond de page en HTML
Comment
insérer des espaces dans un code HTML
Comment
mettre une couleur de fond de page en HTML
Comment
souligner du texte en HTML
Comment
voir le code source
Comment
créer sa première page Web en langage HTML
Comment
commencer à apprendre la programmation informatique
Comment
centrer un texte en HTML
Publicité

À propos de ce wikiHow

Autres langues 
Cette page a été consultée 16 891 fois.

Cet article vous a-t-il été utile ?

Publicité