JavaScript – Placement dans un fichier HTML
Il est possible d’inclure du code JavaScript n’importe où dans un document HTML. Cependant, les façons les plus préférées d’inclure JavaScript dans un fichier HTML sont les suivantes –
-
Script dans la section
…. -
Script dans la section
…. -
Script dans les sections
… et …. -
Script dans un fichier externe, puis inclus dans la section
….
Dans la section suivante, nous verrons comment nous pouvons placer JavaScript dans un fichier HTML de différentes manières.
JavaScript dans la section …
Si vous souhaitez qu’un script s’exécute sur un événement, par exemple lorsqu’un utilisateur clique quelque part, vous placerez ce script dans la tête comme suit –
<html>
<head>
<script type = "text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
</body>
</html>
Ce code produira les résultats suivants –
JavaScript dans la section …
Si vous avez besoin qu’un script s’exécute pendant le chargement de la page afin que le script génère du contenu dans la page, alors le script va dans la partie
du document. Dans ce cas, vous n’auriez aucune fonction définie à l’aide de JavaScript. Jetez un oeil au code suivant.
<html>
<head>
</head>
<body>
<script type = "text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>
Ce code produira les résultats suivants –
JavaScript dans les sections et
Vous pouvez mettre votre code JavaScript dans les sections
et comme suit –
<html>
<head>
<script type = "text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<script type = "text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
</body>
</html>
Ce code produira le résultat suivant –
JavaScript dans un fichier externe
Au fur et à mesure que vous commencerez à travailler plus intensivement avec JavaScript, vous constaterez probablement qu’il existe des cas où vous réutilisez du code JavaScript identique sur plusieurs pages d’un site.
Vous n’êtes pas limité à maintenir un code identique dans plusieurs fichiers HTML. Le scénario fournit un mécanisme vous permettant de stocker JavaScript dans un fichier externe, puis de l’inclure dans vos fichiers HTML.
Voici un exemple pour montrer comment vous pouvez inclure un fichier JavaScript externe dans votre code HTML en utilisant scénario balise et son src attribut.
<html>
<head>
<script type = "text/javascript" src = "https://www.tutorialspoint.com/javascript/filename.js" ></script>
</head>
<body>
.......
</body>
</html>
Pour utiliser JavaScript à partir d’une source de fichier externe, vous devez écrire tout votre code source JavaScript dans un simple fichier texte avec l’extension “.js”, puis inclure ce fichier comme indiqué ci-dessus.
Par exemple, vous pouvez conserver le contenu suivant dans nomfichier.js fichier et ensuite vous pouvez utiliser dis bonjour function dans votre fichier HTML après avoir inclus le fichier filename.js.
function sayHello() {
alert("Hello World")
}
#JavaScript #Placement #dans #fichier #HTML
