Klik hyperlink untuk menghubungi acara tersebut
1. Gunakan onklick dengan tag
<a href = "#" ontClick = "js code">
Ada kerugian dalam cara menulis ini, yaitu halaman akan disegarkan setelah mengklik dan dikembalikan ke bagian atas halaman.
Bagaimana melakukannya tanpa menyegarkan?
Salinan kode adalah sebagai berikut:
<a href = "javascript: void (0)" onclick = "js code">
2. Perbedaan antara # dan JavaScript: void (0)
Ketika hyperlink adalah "tautan mati", perbedaan antara menggunakan # dan javascript: void (0);
Void (0) tidak memiliki nilai penggunaan, itu tidak akan pergi ke mana pun, jadi itu tidak berarti
Dan # akan menyegarkan halaman saat ini sekali.
3. Atau, gunakan tag href dari a
<a href = "javascript: js code">
Hanya JavaScript di HREF yang hyperlink yang perlu ditambahkan "JavaScript:".
Karena ini bukan peristiwa, itu dianggap sebagai protokol jaringan seperti "JavaScript:", "ftp:", "Thunder: //", "Ed2k: //", dan "Mailto:", dan diserahkan ke mesin parsing JS untuk diproses.
Penekanan khusus pada metode
1. Jangan memulai baris lain
Secara umum, saat menulis kawat gigi keriting di JS, Anda akan mengikutinya secara langsung tanpa memulai baris baru.
Alasannya adalah bahwa JS akan secara otomatis menambahkan "semi-kolon" di akhir pernyataan. Jika kawat gigi keriting disatukan, maka setelah secara otomatis menambahkan "semi-kolon" setelah pernyataan pengembalian, nilai pengembalian menjadi tidak terdefinisi.
2. Tidak perlu mendeklarasikan tipe nilai pengembalian
Tidak perlu mendeklarasikan jenis nilai pengembalian atau tipe parameter. Definisi fungsi dimulai dengan suatu fungsi.
Dalam JavaScript, tidak seperti C# dan Java yang membutuhkan semua jalur untuk memiliki nilai pengembalian tetapi tidak ada nilai pengembalian yang tidak ditentukan.
3. Tidak ada metode yang berlebihan
Tidak ada metode yang berlebihan di JavaScript.
Tulis parameter dalam metode yang disebut parameter bernama
Ketika pengguna memanggil metode untuk menghitung jumlah beberapa angka, bagaimana cara mendapatkan berapa banyak parameter yang ada dalam metode ini?
Harap gunakan objek Argumen!
Fungsi anonim
1. Metode satu
Salinan kode adalah sebagai berikut:
var f1 = fungsi (p1, p2) {return p1+p2; }; // Tetapkan fungsi ke variabel
Fungsi anonim tidak dapat dipanggil, mereka hanya dapat ditugaskan ke variabel. Karena ini adalah pernyataan penugasan, titik kolon harus ditambahkan nanti.
aplikasi:
Salinan kode adalah sebagai berikut:
document.geteLementById ('btn'). onclick = function () {}
2. Metode 2
Salinan kode adalah sebagai berikut:
(function (p1, p2) {alert (p1+p2);}) (20,30);
3. Metode tiga
Salinan kode adalah sebagai berikut:
var m1 = fungsi baru ("p1", "p2", "p3", "return p1+p2+p3");
peringatan (M1 (1,2,3)); kinerja rendah
Ada banyak penggunaan fungsi anonim ini di jQuery
Perpanjang Metode Prototipe
Atur metode ekstensi melalui prototipe objek kelas,
Deklarasi metode ekstensi dijalankan sebelum menggunakan metode ekstensi. Fungsi JS tidak memiliki sintaks nilai default fungsi khusus, tetapi Anda tidak dapat meneruskan nilai ke parameter. Nilai parameter yang tidak melewati nilai tidak ditentukan. Membuat penilaian Anda sendiri untuk memberikan nilai default.
Salinan kode adalah sebagai berikut:
var msg ='[email protected] ';
String.prototype.isemail = function () {
kembalikan ini.indexof ('@')! = -1? Benar: false;
};
peringatan (msg.isemail);
peristiwa
1. Hubungi acara
2. Daftar acara
Acara hanya dapat didaftarkan untuk elemen halaman setelah halaman dimuat.
Jadi onload = function () {
// Daftarkan acara di sini
};
Acara pemuatan halaman
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
//menyegarkan
//location.reload ();
onload = function () {
peringatan ("halaman dimuat");
};
onunload = function () {
peringatan ("halaman tertutup");
};
Onbeforeunload = function () {
peringatan ("Flash sebelum halaman ditutup");
};
</script>
Di atas adalah semua tentang artikel ini. Saya harap ini dapat memberi Anda pemahaman baru tentang acara dan metode JavaScript.