ditulis pada baris, dan setiap tag diatur secara terpisah.
Fungsi (1) referensi js melalui atribut event pada tag pembuka
ditulis dalam atribut event dari tag (atribut dimulai dengan on) , seperti onclick [on+ event Type]
Rekomendasi: gunakan tanda kutip ganda untuk html dan tanda kutip tunggal untuk
js
.
)" />
Catatan: Pengenalan sebaris, di JS Konsep penambahan bobot tidak digunakan di , sehingga tidak umum digunakan [ pada dasarnya tidak digunakan ].
Contohnya adalah sebagai berikut: <html>
<title>Penulisan sebaris gaya JS</title>
<meta http-equiv="content-type" content="teks/html; charset=utf-8" />
<tubuh>
<!--Metode penulisan inline JS dimulai dari 01-->
<!--Ketika mouse mengklik gambar, jendela pop-up akan muncul menampilkan 1223-->
<div kelas="img">
Klik acara:
<img src="images/001.jpg" onclick="alert(1223)"></img>
</div>
<!--Metode penulisan inline JS 01 berakhir-->
</tubuh>
</html>Hasil keluaran:
ditulis dalam tag skrip
Referensi internal: digunakan dengan menulis kode js pada tag script
Tag skrip dapat ditulis di mana saja pada halaman
Tag script biasanya digunakan di akhir body, atau setelah body
(1) Dapat ditulis dimana saja;
Ketika kita perlu mereferensikan skrip di bagian atas, letakkan di bagian atas, jika tidak, letakkan di bagian bawah, karena menempatkannya di bagian atas dapat memengaruhi rendering browser.
<skrip>
alert('Halo Dunia!');
</skrip>Catatan: Umumnya saat menulis latihan sendiri, Anda menggunakan [ Praktek Penggunaan ] ketika Anda ingin bermalas-malasan dan tidak ingin menyiapkan file js.
Biasanya saat mengerjakan proyek Anda sendiri, letakkan di bagian bawah. Itu tidak mempengaruhi urutan pemuatan dan dapat dibedakan dari file CSS, dan tidak mempengaruhi rendering browser.
Contohnya adalah sebagai berikut: <html>
<title>Penulisan sebaris gaya JS</title>
<meta http-equiv="content-type" content="teks/html; charset=utf-8" />
<tubuh>
<!--js penulisan sebaris mulai dari 02-->
<div kelas="img">
Klik acara:
<img src="images/002.jpg" id='yuansu'></img>
</div>
<!--js metode penulisan sebaris 02 akhir-->
</tubuh>
<skrip>
//kode js//Temukan elemen XX, biasanya tambahkan id ke elemen
yuansuojb=document.getElementById('yuansu');
//Tambahkan event yuansuojb.onclick=function(){ ke elemen xx
//Peringatan segmen kode(1);
}
//Memicu kejadian</script>
</html>Hasil keluaran:
Gunakan src di tag skrip untuk memasukkan file eksternal
melangkah:
Tulis file js independen
Direferensikan melalui tag skrip di halaman
(1) Tidak ada kode yang dapat ditulis dalam skrip yang memasukkan file JS eksternal
(2) Gunakan struktur kode halaman HTML untuk memisahkan beberapa bagian kode JS di luar halaman HTML, yang indah dan nyaman untuk digunakan kembali file.
<skrip src="main.js"></skrip>
Catatan: Seperti gaya sebaris, menempatkannya di bagian bawah dan kepala perlu dipertimbangkan berdasarkan kasus per kasus [ sering digunakan ]
Gunakan src bukan href
Contohnya adalah sebagai berikut:Tulis kode js ke dalam file .js dan kutip dalam HTML
Isi file .html adalah sebagai berikut:
<html>
<title>Metode penulisan tautan eksternal gaya JS</title>
<meta http-equiv="content-type" content="teks/html; charset=utf-8" />
<tubuh>
<div kelas="img">
Penulisan tautan eksternal--acara klik:
<img src="images/003.jpg" id='yuansu'></img>
</div>
</tubuh>
<skrip src='js/index.js'></skrip>
</html>Isi file .js adalah sebagai berikut:
//kode js//Temukan elemen XX, biasanya tambahkan id ke elemen
yuansuojb=document.getElementById('yuansu');
//Tambahkan event yuansuojb.onclick=function(){ ke elemen xx
//Segmen kode var str="halo dunia!!!";
peringatan(str);
}Hasil keluaran:
