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
<html> <head> <title>我的H5页面</title> <script> function showMessage() { alert('欢迎光临我的页面!'); } </script> </head> <body> <button onclick="showMessage()">点我</button> </body> </html>
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('欢迎光临我的页面!'); }
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>
Dalam contoh ini, kami menggunakan atribut src bagi teg
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!