Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Di manakah javascript h5 ditulis?

Di manakah javascript h5 ditulis?

WBOY
Lepaskan: 2023-05-09 09:56:37
asal
853 orang telah melayarinya

H5 ialah singkatan untuk HTML5, satu standard untuk mencipta halaman web dan aplikasi mudah alih. JavaScript ialah bahasa pengaturcaraan yang boleh digunakan untuk menjadikan halaman web dan aplikasi lebih interaktif dan dinamik. Jadi, di manakah kita harus menulis JavaScript dalam halaman H5?

Secara umumnya, kod JavaScript boleh dibenamkan terus dalam dokumen HTML atau diperkenalkan sebagai fail luaran. Kaedah ini juga boleh digunakan dalam H5.

1. Benamkan kod JavaScript ke dalam dokumen HTML

Membenamkan kod JavaScript ialah cara paling mudah, cuma gunakan teg Berikut ialah contoh:

<html>
  <head>
    <title>我的H5页面</title>
    <script>
      function showMessage() {
        alert('欢迎光临我的页面!');
      }
    </script>
  </head>
  <body>
    <button onclick="showMessage()">点我</button>
  </body>
</html>
Salin selepas log masuk

Dalam contoh ini, kami mentakrifkan fungsi yang dipanggil showMessage Apabila pengguna mengklik butang, fungsi akan dipanggil dan kotak dialog akan muncul. Seperti yang anda lihat, kami telah membenamkan kod JavaScript secara langsung dalam teg

Sudah tentu, kaedah ini bukan pilihan terbaik kerana jika kod JavaScript kami sangat kompleks atau kami perlu menggunakannya di beberapa tempat di halaman, maka kaedah ini akan membuat dokumen HTML tidak dapat ditanggung. Seterusnya, mari kita perkenalkan kaedah lain.

2. Perkenalkan kod JavaScript sebagai fail luaran

Jika kami perlu menggunakan kod JavaScript yang sama dalam berbilang halaman, atau kod JavaScript kami sangat kompleks, maka kami boleh menggunakan cara fail luaran untuk memperkenalkannya. Berikut ialah contoh:

Kami mencipta fail bernama hello.js dalam direktori yang sama dan mentakrifkan fungsi bernama showMessage di dalamnya:

function showMessage() {
  alert('欢迎光临我的页面!');
}
Salin selepas log masuk

Seterusnya, tambahkan kod berikut dalam teg pada dokumen HTML:

<html>
  <head>
    <title>我的H5页面</title>
    <script src="hello.js"></script>
  </head>
  <body>
    <button onclick="showMessage()">点我</button>
  </body>
</html>
Salin selepas log masuk

Dalam contoh ini, kami menggunakan atribut src bagi teg Dengan cara ini, kod JavaScript kami boleh dikongsi oleh berbilang halaman dan kod HTML halaman adalah lebih ringkas.

Ringkasnya, dalam halaman H5, kami boleh membenamkan kod JavaScript terus ke dalam dokumen HTML, atau memperkenalkannya sebagai fail luaran. Kaedah yang anda pilih bergantung pada kerumitan dan perkongsian kod anda.

Atas ialah kandungan terperinci Di manakah javascript h5 ditulis?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan