Utilisation de ...SE CONNECTER

Utilisation de JavaScript

Balise <script></script>

Pour utiliser JavaScript en HTML, vous devez utiliser la balise <script></script> définir La valeur de l'attribut type est text/javascript, comme indiqué dans l'exemple de boîte de dialogue d'invite d'alerte précédente :

<script type="text/javascript">
alert(" Je suis le texte d'invite !" );
</script>

Habituellement, le code JavaScript seul n'a aucun sens. Le code JavaScript est généralement utilisé en conjonction avec le code HTML, car JavaScript est intrinsèquement créé pour combler les lacunes du HTML.

Le code JavaScript peut être directement intégré n'importe où sur la page Web, mais nous mettons généralement le code JavaScript dans le <head> :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
    alert("我是提示文字!");
    </script>
</head>
<body>
    <div>图片及文字内容</div>
</body>
</html>


Vous pouvez également placer une fonction JavaScript dans la partie <body> de la page HTML :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <script type="text/javascript">
    alert("我是提示文字!");
    </script>
    <div>图片及文字内容</div>
</body>
</html>

Vous pouvez également mettre le code JavaScript dans un fichier .js séparé, puis introduisez ce fichier en HTML via <script src="..."></script>

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
 <script src="/static/js/abc.js"></script>
</head>
<body>
  <div>图片及文字内容</div>
</body>
</html>


Fonctions et événements JavaScript

Habituellement, nous devons exécuter du code lorsqu'un événement se produit, par exemple lorsque l'utilisateur clique sur un bouton.

Si nous mettons le code JavaScript dans une fonction, nous pouvons appeler la fonction lorsque l'événement se produit.

Vous en apprendrez davantage sur les fonctions et événements JavaScript dans les chapitres suivants.



section suivante
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>获取当前时间</p> <script> document.write(Date()); </script> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel