Tutoriel de base Javascript : L'emplacement du code js dans la page Web

Nous pouvons placer du code JavaScript n'importe où dans le fichier html, mais nous le plaçons généralement dans la partie en-tête ou corps de la page Web.
Placez-le dans la section <head>
La méthode la plus courante consiste à placer l'élément <script> dans la section head de la page, puis analyser le reste de la page.
Placez-le dans la section <body>
Le code JavaScript sera exécuté lorsque la page Web lira cette instruction.

Le code suivant :

<!DOCTYPE html>
<html>
<head>
	<title>javascript</title>
	<script type="text/javascript"></script>
</head>
<body>

</body>
</html>

De cette façon, notre code js est placé dans la balise head

peut également être placé dans le body, le code suivant

<!DOCTYPE html>
<html>
<head>
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		
	</script>
</body>
</html>

Remarque : En tant que langage de script, JavaScript peut être placé n'importe où dans la page HTML, mais le navigateur interprète le HTML dans l'ordre, donc le script précédent est exécuté en premier. Par exemple, le js pour l'initialisation de l'affichage de la page doit être placé dans l'en-tête, car l'initialisation doit être effectuée à l'avance (comme définir le CSS pour le corps de la page, etc.) ; Il n'y a aucune exigence concernant l'emplacement.

Jetons un coup d'oeil au format du code js

A la fin de chaque instruction js, un point-virgule en anglais doit être écrit Bien qu'il n'ait pas besoin d'être écrit, nous l'écrivons quand même afin de normaliser le code. Ensuite, nous écrirons un exemple : <🎜. >

<!DOCTYPE html>
<html>
<head>
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		document.write("HELLO    ");
		document.write("WORLD");
	</script>
</body>
</html>

Remarque : document.write est l'instruction de sortie, nous en reparlerons plus tard

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <title>javascript</title> </head> <body> <script type="text/javascript"> document.write("HELLO "); document.write("WORLD"); </script> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Tutoriel de base Javascript : L'emplacement du code js dans la page Web

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