Exemple d'insertion de code JavaScript dans HTML

Exemple d'insertion de code JavaScript dans HTML_Basics

WBOY

Libérer： 2016-05-16 15:56:56

original

1106 Les gens l'ont consulté

Le code JavaScript peut être inclus n'importe où dans un document HTML. Mais il existe les meilleures façons suivantes d’inclure JavaScript dans les fichiers HTML.

Dans la section ...
Dans les sections ... et ...

Dans les sections suivantes, nous verrons comment JavaScript peut être inclus différemment :

Si vous souhaitez exécuter un script sur un événement, lorsque l'utilisateur clique quelque part, par exemple, alors l'en-tête du script devrait ressembler à ceci :

<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
  alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

Copier après la connexion

Cela produira les résultats suivants :

JavaScript dans la section ...

Si un script est requis pour le chargement de la page afin qu'il génère le contenu de la page à exécuter, placez le script dans la section Dans ce cas, il n'est pas nécessaire d'utiliser toutes les fonctionnalités définies par JavaScript :

<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>

Copier après la connexion

JavaScript dans les sections et

Vous pouvez insérer du code JavaScript dans les sections et exactement comme suit :

Dans un fichier externe JavaScript :

<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>

Copier après la connexion

Lorsque vous commencerez à travailler plus intensivement avec JavaScript, vous constaterez peut-être qu'il existe des situations dans lesquelles vous réutilisez le même code JavaScript dans plusieurs pages de votre site.

Vous n'êtes pas limité à conserver le même code dans plusieurs fichiers HTML. La balise script fournit un mécanisme qui permet à JavaScript d'être stocké dans un fichier externe puis inclus dans un fichier HTML.

Voici un exemple pour illustrer comment utiliser les balises de script et l'attribut src pour inclure un fichier JavaScript externe dans le code HTML :

Pour utiliser JavaScript à partir d'une source de fichier externe, vous devez écrire tout le code JavaScript dans un simple fichier texte ".js" en utilisant une extension, puis inclure le fichier comme indiqué ci-dessus.

Par exemple, vous pouvez conserver le contenu de filename.js dans le fichier suivant, puis utiliser la fonction sayHello dans le fichier HTML après avoir inclus le fichier filename.js :

<html>
<head>
<script type="text/javascript" src="filename.js" ></script>
</head>
<body>
.......
</body>
</html>

Copier après la connexion