Di mana hendak meletakkan JavaScript?

Di mana hendak meletakkan JavaScript

Baru sahaja kami menulis program JavaScript yang pertama, dan kami menekankan bahawa kod JavaScript mesti diletakkan dalam <skrip>…… < /skrip>

Kami meletakkan teg <skrip>...</script> yang mengandungi kod di dalam teg <body>...</body> Sebenarnya, bukan sahaja ini boleh dilakukan, kami mempunyai dua cara lain untuk menggunakan JavaScript dalam HTML.

JavaScript di kepala

Selain meletakkan teg <skrip> yang mengandungi kod dalam teg <body>...</body> dalam teg <head>...</head>, contohnya:

rreee

Hasil pelaksanaan program ini tidak berbeza daripada yang sebelumnya, tetapi sebenarnya, kod JavaScript diletakkan dalam < ;kepala></kepala> Terdapat perbezaan antara ; dan memasukkannya ke dalam <badan></badan>:

Ringkasnya, meletakkannya di dalam <kepala></head> lebih baik daripada memasukkannya ke dalam <body> Kod dalam teg kepala akan dihuraikan sebelum halaman mula dilukis, manakala kod dalam badan akan dilaksanakan apabila kod ini dibaca semasa halaman dipaparkan.

JavaScript Luaran

Selain menulis kod JavaScript terus dalam HTML, kami juga boleh menulis kod JavaScript dalam fail js , panggil ini js fail dalam HTML. Mari kita ambil "hello world" sebagai contoh.

Dalam persekitaran makmal, simpan kod berikut dan namakannya "out.js" dan letakkan pada desktop:

alert("hello word!");

Simpan kod berikut dan namakannya "test2.html", dan letakkan pada desktop:

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

Begitu juga, klik dua kali fail "test2.html" pada desktop, hubungi penyemak imbas untuk menjalankan, anda akan mendapati bahawa menjalankan Kesannya tidak berbeza daripada dua prosedur sebelumnya.

Malah, dua kaedah pertama meletakkan kod JavaScript secara langsung dalam HTML Apabila halaman dimuatkan, kod JavaScript tersebut dihuraikan. Jika anda meletakkan kod JavaScript dalam fail luaran, ia hanya akan dipanggil dan dilaksanakan apabila peristiwa dicetuskan dan kod JavaScript diperlukan.

Ini mempunyai kelebihan apabila halaman lebih kompleks, meletakkan sejumlah besar kod JavaScript dalam fail luaran dan hanya melaksanakannya apabila diperlukan akan mempercepatkan pemuatan halaman dengan ketara.

Dalam fail HTML, tambahkan kod JavaScript yang berbeza di lokasi yang berbeza, jalankan dan perhatikan susunan pelaksanaan kod JavaScript di lokasi yang berbeza.

Rujuk perkara berikut dan perhatikan susunan kotak pop timbul:

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

Meneruskan pembelajaran

fail baharu

<!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>

serahkan Tetapkan Semula Kod

Operasi automatik