Maison > Article > interface Web > Comment placer un script JS dans un document HTML

Comment placer un script JS dans un document HTML

清浅original: 2019-01-11 09:55:164706parcourir

Comment placer le script JS dans un document HTML : 1. Placez le script JS dans la balise
Placez le script JS dans la balise 4. Importez le script js en externe.

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, html5&&javascript version 1.8.5.

Les scripts JS peuvent être placés dans la balise

, dans la balise , dans les balises et , ainsi que les scripts js introduits en externe

Nous pouvons placer du code JavaScript n'importe où dans le document HTML. Cependant, la meilleure façon de placer du code JavaScript dans un fichier HTML est la suivante

1 Dans la section

; .. . Placez le code

dans la section body>

4. Écrivez un script dans un fichier externe, puis introduisez-le dans la section

... head>

Les quatre méthodes seront expliquées en détail dans l'article

Comment placer un script JS dans un document HTML

[Cours recommandés :

Cours JavaScript]

Dans la section ... head>

Si vous souhaitez exécuter un script sur un certain événement, tel qu'un événement qui se déclenche lorsque l'utilisateur clique sur un emplacement, à ce moment-là, nous pouvons placer le script dans la tête

Image d'effet :

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type = "text/javascript">
            function Hello() {
               alert("Hello World")
            }
      </script>  
</head>

Comment placer un script JS dans un document HTML

dans la section ...

Si vous devez exécuter un script lors du chargement de la page afin que le script génère du contenu dans la page, le script ira dans la section

Dans ce cas, aucune fonction ne sera définie à l'aide du code JavaScript dans les sections body> et

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
 
<body>
<script type = "text/javascript">
            document.write("Hello World")
      </script>
<p>页面加载时脚本就会生成内容</p>
</body>
</html>

Rendu :

. Comment placer un script JS dans un document HTML

Fichier externe JavaScript dans

Lorsque nous devons réutiliser le même code JavaScript sur plusieurs pages du site Web, nous pouvons y parvenir en introduisant des fichiers js en externe. Pour faciliter la maintenance du même code, la balise script fournit un mécanisme qui permet à JavaScript d'être stocké dans un fichier externe puis inclus dans le fichier HTML.

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type = "text/javascript">
            function Hello() {
               alert("Hello World")
            }
  
      </script>
</head>
 
<body>
	<script type = "text/javascript">
      
        document.write("Hello World")

      </script>

Code HTML

Comment placer un script JS dans un document HTML

Fichier js externe

Rendu :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="111.js"></script>
</head>
<body>
  <input type = "button" onclick = "Hello()" value = "点击" />
</body>
</html>

Résumé : ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tous ceux qui apprennent JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment implémenter le traitement parallèle à l'aide de JavaScriptArticle suivant：Comment implémenter le traitement parallèle à l'aide de JavaScript

Articles Liés

Voir plus