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 :

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.

Formation continue

nouveau fichier

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

soumettre Réinitialiser le code

Opération automatique

Utilisation de JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]