Où mettre JavaScript ?

Où mettre JavaScript

Nous venons d'écrire le premier programme JavaScript, et nous avons souligné que le code JavaScript doit être placé dans <script>…… < /script>

Nous mettons les balises <script>...</script> contenant le code à l'intérieur des balises <body>...</body> En fait, non seulement cela est possible, mais nous disposons de deux autres manières d’utiliser JavaScript en HTML.

JavaScript dans la tête

En plus de placer la balise <script> contenant le code dans la balise <body>...</body> dans la balise <head>...</head>, par exemple :

<html>
<head>
<h1> JavaScript in head. </h1>
<script>
alert("hello word!");
</script>
</head>
<body></body>
</html>

Le résultat de l'exécution de ce programme n'est pas différent du précédent, mais en fait, le code JavaScript est placé dans < ;head></head> Il y a une différence entre ; et le mettre dans <body></body> :

En termes simples, le mettre dans <head></head> mieux que de le mettre dans <body> </body> Le code dans la balise head sera analysé avant que la page ne commence à s'afficher, tandis que le code dans le corps sera exécuté lorsque ce code sera lu pendant le rendu de la page.

JavaScript externe

En plus d'écrire du code JavaScript directement en HTML, nous pouvons également écrire du code JavaScript dans un fichier js, appelez-le js fichier en HTML. Prenons « hello world » comme exemple.

Dans l'environnement du laboratoire, enregistrez le code suivant, nommez-le "out.js" et placez-le sur le bureau :

alert("hello word!");

Enregistrez le code suivant et nommez-le "test2.html", et placez-le sur le bureau :

<html>
<head>
<h1> my JavaScript code in "out.js" </h1>
</head>
<body>
<script src="out.js"></script>
</body>
</html>

De même, double-cliquez sur le fichier "test2.html" sur le bureau, appelez le navigateur pour exécuter, vous constaterez que l'exécution L'effet n'est pas différent des deux procédures précédentes.

En fait, les deux premières méthodes placent le code JavaScript directement dans HTML Lorsque la page est chargée, ces codes JavaScript sont analysés. Si vous placez le code JavaScript dans un fichier externe, il ne sera appelé et exécuté que lorsque l'événement sera déclenché et que le code JavaScript sera nécessaire.

Cela présente l'avantage que lorsque la page est plus complexe, mettre une grande quantité de code JavaScript dans un fichier externe et ne l'exécuter qu'en cas de besoin accélérera considérablement le chargement de la page.

Dans un fichier HTML, ajoutez différents codes JavaScript à différents emplacements, exécutez et observez l'ordre d'exécution des codes JavaScript à différents emplacements.

Référez-vous à ce qui suit et respectez l'ordre des boîtes pop-up :

<html>
<head>
<script>
alert("in head");
</script>
</head>
<body>
<script>
alert("in body");
</script>
</body>
</html>

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> RunJS 演示代码 </title> <script> var ck = function(){ var x = prompt ("输入数据: ", ""); alert(x); } </script> </head> <body> <button onclick="ck();"> 输入按钮 </button> </body> </html>

soumettre Réinitialiser le code

Opération automatique