1. JavaScript inti sintaks dasar
1. JavaScript adalah bahasa pemrograman yang meningkatkan efek interaksi. Awalnya ditemukan oleh Netscape dan akhirnya diserahkan ke ECMA (Asosiasi Produsen Komputer Eropa). ECMA menstandarkan JavaScript dan bernama JavaScript.
2. JavaScript adalah bahasa yang ditafsirkan yang dapat dijalankan langsung di browser tanpa kompilasi.
3. Apa yang digunakan JavaScript?
1. Anda dapat mengontrol semua elemen di halaman web dan menambah, menghapus dan memodifikasi atribut elemen.
2. Anda dapat memasukkan teks dinamis di HTML.
3. Menanggapi acara yang dihasilkan oleh pengguna saat menggunakan halaman web.
4. Verifikasi data yang dimasukkan oleh pengguna.
5. Mendeteksi browser pengguna.
6. Digunakan untuk membuat cookie.
4. Tiga cara untuk membuat JavaScript di halaman web HTML
1. Gaya eksternal:
Buat file dengan nama file: tautan xx.js melalui <skrip src = "xx.js"> <script>
2. Gaya Embed:
Gunakan <script type = "text/javascript"> </script> di kepala atau tubuh di html atau langsung memuatnya dengan <script> </cript>
3. Gaya inline:
Tambahkan acara langsung ke tag: <input onClick = "alert ('helloWorld!')"> LOAD
5. JavaScript Tipe Data:
Jenis datanya memiliki dua kategori: 1. Jenis Data Primitif 2. Jenis Data Referensi (Objek)
Tipe Data Asli: 1.Typeof 2. Number 3. String 4.Boolean 5.Null 6.Defined
Jenis Data Referensi: (Ada tiga jenis objek yang telah ditentukan) 1. Objek asli (objek, angka, string, boolean, fungsi, array, tanggal, dll.) 2. Objek bawaan: Tidak perlu menampilkan inisialisasi (matematika, global) 3. Objek host (terutama BOM dan DOM)
6. Bom dan Dom
BOM: Model objek browser
DOM: Model Objek Dokumen
2. Model acara JavaScript
1. Model acara JavaScript: 1. Jenis gelembung: <input type = "Tombol"> Ketika pengguna mengklik tombol: input-body-html-document-window (gelembung dari bawah ke atas) IE browser hanya menggunakan gelembung
2. Tipe Capture: <Input type = "Tombol"> Saat pengguna mengklik tombol: Window-Document-HTML-Body-Input (dari atas ke bawah)
Setelah standardisasi ECMA, browser lain mendukung dua jenis, dan penangkapan terjadi terlebih dahulu.
2. Tiga cara untuk menulis acara tradisional:
1. <input type = "tombol" ontClick = "waspada ('helloWorld!')">
2. <input type = "Tombol OnClick = name1 ()"> ====== <cript> function name1 () {alert ('HelloWord!');} </cript> // Fungsi Nama
3. <input type = "tombol" id = "input1"> // fungsi anonim
Salinan kode adalah sebagai berikut:
<script>
Var button1 = document.geteLementById ("input1");
Button1.onClick = funtion () {
waspada ('helloword!')
}
</script>
3. Metode Penulisan Acara Modern:
Salinan kode adalah sebagai berikut:
<input type = "tombol" id = "input1"> // Tambahkan peristiwa di IE
<script>
var fnclick () {
Peringatan ("Saya diklik")
}
var oinput = document.getElementById ("input1");
Oinput.attachevent ("onClick", fnclick);
--------------------------------------
Oinput.detachevent ("onClick", fnclick); // hapus acara di IE
</script>
<input type = "tombol" id = "input1"> // Tambahkan peristiwa di DOM
<script>
var fnclick () {
Peringatan ("Saya diklik")
}
var oinput = document.getElementById ("input1");
Oinput.addeventListener ("onClick", fnclick, true);
--------------------------------------
Oinput.removeeventListener ("onClick", fnclick); // hapus acara di DOM
</script>
<input type = "Tombol" id = "input1"> // kompatibel dengan Acara Penambahan IE dan DOM
<script>
var fnclick1 = function () {alert ("Saya diklik")}
var fnclick2 = function () {alert ("Saya diklik")}
var oinput = document.getElementById ("input1");
if (document.attachevent) {
Oinput.attachevent ("onClick", fnclick1)
Oinput.attachevent ("onClick", fnclick2)
}
else (document.addeventlistener) {
Oinput.addeventListener ("klik", fnclick1, true)
Oinput.addeventListener ("klik", fnclick2, true)
}
</script>