Comment placer un script JS dans un document HTML-js tutoriel-php.cn

Comment placer un script JS dans un document HTML

清浅

Libérer： 2021-04-18 14:56:07

original

4712 Les gens l'ont consulté

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.

Comment placer un script JS dans un document HTML

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!