Javascript adalah bahasa deskriptif, tetapi tidak sulit untuk dipelajari. Selama Anda mempelajarinya dengan cermat, Anda pasti akan mempelajarinya dengan baik. Saya percaya bahwa ketika Anda membaca artikel ini, Anda pasti telah belajar HTML. Gunakan JavaScript untuk memiliki interaksi yang lebih baik dengan halaman web. Mari kita ke topik.
1. JavaScript
1. Apa itu JavaScript
JavaScript adalah bahasa deskriptif, dan juga bahasa skrip berdasarkan objek dan drive acara (didorong oleh acara).
2. Karakteristik JavaScript
JavaScript terutama digunakan untuk menambahkan perilaku interaktif ke halaman HTML.
JavaScript adalah bahasa skrip dengan sintaks yang sama dengan Java.
JavaScript umumnya digunakan untuk menulis skrip klien.
JavaScript adalah bahasa interpretatif.
3. Komposisi JavaScript
Standar ECMScript (standar yang menentukan semua atribut, metode dan objek)
Bom Browser Object Model: Berinteraksi dengan HTML
Model Objek Dokumen DOM: Akses dan manipulasi dokumen HTML
4. Struktur JavaScript Dasar
<script language = "javascript" type = "text/javascript"> </cript> bahasa = "javascript" digunakan untuk menunjukkan bahwa bahasa yang digunakan adalah javascript
5. Prinsip Eksekusi JavaScript
1. Klien browser mengirimkan permintaan ke server. (Alamat yang dimasukkan oleh pengguna di bilah alamat browser)
2. Pemrosesan Data: Sisi server memproses halaman yang berisi JavaScript.
3. Kirim Respons: Server mengirim halaman ke klien browser untuk memproses file HTML yang berisi JavaScript, dan kemudian klien browser mem -parsing tag HTML dan tag JavaScript dari atas ke bawah, menyajikan efek halaman kepada pengguna.
dua. Cara memperkenalkan javascript ke halaman web
1. Gunakan tag <script>.
2. Gunakan file JavaScript eksternal.
Saya ingin menjalankan JavaScript pada beberapa halaman untuk mencapai efek yang sama, biasanya menggunakan file dengan file eksternal sebagai .js.
Cara merujuk file dengan .js sebagai ekstensi:
<skrip src = "../ 1.js"> </script>
CATATAN: File eksternal tidak dapat berisi <script> </script>
3. Langsung di tag HTML
<input name = 'btn' type = "Tombol" value = "Pop Up Message Box" OnClick = "JavaScript: Alert (" Welcome ");"/>3. JavaScript Sintaks inti
1. Deklarasi dan penugasan variabel
Deklarasi variabel hanya digunakan dalam VAR, dan spesifikasi penamaan variabel mirip dengan Java. Var num = 1;
Dalam JavaScript, variabel dapat digunakan secara langsung tanpa deklarasi, tetapi penggunaan ini tidak dianjurkan.
2. Jenis data
Tidak terdefinisi (tipe tidak terdefinisi)
Null (tipe nol)
Angka (Jenis Angka)
String (tipe string)
Boolean (tipe boolean)
3. Perbedaan antara tidak terdefinisi dan nol
Null berarti "tidak ada objek", yaitu, seharusnya tidak ada nilai di sana. Penggunaan khas adalah:
(1) Sebagai parameter suatu fungsi, parameter fungsi bukan objek.
(2) sebagai titik akhir dari rantai prototipe objek.
Object.getPrototypeOf (object.prototype) // null
Tidak ditentukan berarti "nilai yang hilang", yang berarti harus ada nilai di sini, tetapi belum didefinisikan. Penggunaan khas adalah:
(1) Ketika suatu variabel dinyatakan tetapi tidak memiliki penugasan, itu setara dengan tidak ditentukan.
(2) Saat memanggil fungsi, parameter yang harus disediakan tidak disediakan, dan parameternya sama dengan tidak terdefinisi.
(3) Objek tidak memiliki atribut yang ditetapkan ke nilai, dan nilai atribut tidak ditentukan.
(4) Ketika fungsi tidak mengembalikan nilai, tidak ditentukan dikembalikan secara default.
4. Hanya ada 6 kasus, dan hasilnya ditentukan salah.
null, false, tidak terdefinisi, 0, "", nan
5. Beberapa metode string umum
tostring (); mengembalikan string
TolowerCasee (); Ganti string dengan huruf kecil.
Touppercase (); Konversi string ke huruf besar
ChARAT (indeks); Mengembalikan string di lokasi yang ditentukan
indexof (str, index); Temukan kemunculan pertama dari string yang ditentukan dalam string
Substring (indeks, indeks); Mengembalikan string yang terletak di antara indeks indeks yang ditentukan dan index2 (termasuk index1 dan index2 tetapi tidak indeks2)
Split (str); split string menjadi array karakter
6. Tiga cara untuk membuat array dan menetapkan nilai ke array
01. var num = ('1', '2');
02.var num = array baru (2);
Num [0] = 1;
Num [1] = 2;
03.var num = ['1', '2'];
Metode umum dan sifat array
Panjang: Tetapkan atau kembalikan jumlah elemen dalam array
Gabung (): Masukkan semua kecepatan ucapan array ke dalam string dan bagilah dengan memisahkan karakter.
Sort (): Urutkan array
Push (): Tambahkan satu atau lebih elemen ke ujung array dan kembalikan panjang baru.
<type skrip = "Teks/JavaScript">
// 01. Metode 1: Buat array dan tetapkan nilai ke array
// var fruit = array baru ('apel', 'oranye', 'peach', 'plananer');
// 02. Metode 2: Buat array terlebih dahulu, dan kemudian tetapkan nilai ke array melalui subscript
var fruits = array baru (4);
buah [0] = 'apel';
buah [1] = 'oranye';
buah [2] = 'persik';
Buah [3] = 'Bananer';
// 03 Metode 3: Mirip dengan Metode 1, tetapi simbol diubah
// var fruitss = array baru ['apel', 'oranye', 'peach', 'Bananer'];
// 04. Akses data dengan subscript 3 di array
document.write (buah [0]);
// 05 Masukkan elemen ke dalam string melalui metode gabungan array dan bagilah dengan pembatas yang ditentukan
var result = fruits.join (',');
// 06Sort array melalui metode sortir
buah.sort ();
// 06. Tambahkan satu atau lebih elemen ke akhir dan akhirnya mengembalikan panjang array baru
var length = fruits.push ('wert', 'foot');
document.write ('/n' + length);
// 07. ITerate di atas array
untuk (item var dalam buah -buahan)
{
peringatan (buah [item]);
}
</script>
7. Operator
8 program debugging
Solusi 1: Debugging di VS
Langkah: 01. Atur halaman yang akan didebug sebagai halaman start
02. Setel breakpoint
03. Tekan F5 untuk memulai debugging
Solusi 2: Debugging Browser Chrome
Langkah: 01. Klik F12 untuk memanggil alat ini
02. Setel breakpoint
03. Segarkan halaman
Solusi 3: IE Browser
Langkah: 01.F12, Alat Pengembang
02. Beralih ke tab skrip
03. Setel breakpoint
04. Mulai debugging
05. Refresh
4. Fungsi dalam JavaScript
1. Fungsi sistem yang umum digunakan
01. ParseInt ("String");
Fungsi parseInt () pertama -tama memeriksa karakter pada posisi 0 dan menentukan apakah itu nomor yang valid. Jika tidak, ia mengembalikan NAN dan tidak melakukan operasi lain. Namun, jika karakter adalah parameter yang valid, fungsi akan melihat karakter pada posisi 1 dan melakukan tes yang sama. Proses ini akan berlanjut sampai ditemukan bahwa karakter tersebut adalah karakter yang valid. Pada saat ini, karakter mengubah string sebelumnya menjadi angka.
misalnya:
var num1 = parseInt ("78.9") // Nilai pengembalian adalah 78
var num2 = parseInt ("afa78.9") // nilai pengembalian nan
02.parsefloat ("string");
Penggunaannya mirip dengan ParseInt, kecuali bahwa poin pertama yang muncul dalam string akan dianggap sebagai karakter yang valid.
misalnya:
var num1 = parseInt ("78.9") // Nilai pengembalian adalah 78
var num2 = parseInt ("afa78.9") // nilai pengembalian nan
2. Fungsi Kustom
Dalam JavaScript, fungsi khusus terdiri dari fungsi, nama fungsi, satu set parameter dan pernyataan JavaScript yang akan dieksekusi dalam tanda kurung.
Mari kita lihat sintaksnya:
Nama fungsi fungsi (parameter 1, parameter 2, ..)
{
// Pernyataan JavaScript
[nilai pengembalian kembali]
}
Fungsi adalah kata kunci yang mendefinisikan suatu fungsi dan harus ada di sana.
Parameter 1 dan parameter 2 adalah parameter fungsi, karena tipe JavaScriptp lemah, dan tidak perlu memberikan tipe ketika diberikan parameter.
Awal dan akhir fungsi yang ditentukan oleh {}.
Pernyataan pengembalian digunakan untuk menentukan nilai yang dikembalikan oleh fungsi.
2. Fungsi Panggilan
Untuk menjalankan fungsi, terlebih dahulu Anda memanggil fungsi ini, dan Anda harus merumuskan nama fungsi dan parameter yang diikuti.
misalnya:
<script type = "text/javascript"> function show () {} show (); </script>3. Fungsi anonim
Fungsi anonim adalah fungsi tanpa nama, juga disebut penutupan, yang memungkinkan pembuatan fungsi sementara tanpa nama yang ditentukan. Paling sering digunakan sebagai nilai untuk parameter callback, banyak pemula tidak tahu tentang fungsi anonim. Mari kita analisis di sini.
nama fungsi fungsi (daftar parameter) {function body;}
Jika Anda membuat fungsi anonim, itu harus:
function () {function body;}
Karena ini adalah fungsi anonim, umumnya tidak ada parameter yang disahkan kepadanya.
Mengapa membuat fungsi anonim? Dalam keadaan apa fungsi anonim akan digunakan? Ada dua skenario umum untuk fungsi anonim, satu adalah fungsi callback, dan yang lainnya adalah secara langsung menjalankan fungsi.
misalnya:
<script language = "javascript"> var a = "a"; (function () {var a = "b"; alert (a);}) (); alert (a); </script>Dalam kode di atas, dua kotak peringatan akan menjadi output secara berurutan. Konten kotak peringatan pertama adalah B dan yang kedua adalah a. Saya pikir ada metode anonim dalam tag skrip ini dan bahwa ketika B pertama kali muncul, lalu waspada (a) setelah menyentuh metode anonim, muncul.
Tutorial JavaScript dasar di atas - artikel yang harus dibaca untuk memulai adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.