Rumah > hujung hadapan web > tutorial js > Ringkasan mata pengetahuan dalam kemahiran JavaScript siri pengenalan_javascript

Ringkasan mata pengetahuan dalam kemahiran JavaScript siri pengenalan_javascript

WBOY
Lepaskan: 2016-05-16 15:08:10
asal
1046 orang telah melayarinya

JavaScript ialah bahasa skrip literal Ia adalah bahasa berasaskan prototaip yang ditaip secara dinamik, ditaip lemah dengan sokongan terbina dalam untuk jenis. Jurubahasanya dipanggil enjin JavaScript, yang merupakan sebahagian daripada penyemak imbas dan digunakan secara meluas dalam bahasa penskripan sisi klien Ia pertama kali digunakan pada halaman web HTML (aplikasi di bawah Bahasa Penanda Universal Standard) untuk menambah fungsi dinamik pada halaman web HTML. .

1. Persediaan:

1. Mengapa belajar JavaScript

Semua pelayar utama adalah Javascript sahaja

Kebanyakan halaman web menggunakan Javascript

Ia boleh menjadikan halaman web menampilkan pelbagai kesan dinamik

Mudah dipelajari

2. Cara memasukkan JS

teg hendaklah muncul secara berpasangan dan tulis kod JavaScript antara .


4. Kedudukan JS dalam halaman

Sebagai bahasa skrip, JavaScript boleh diletakkan di mana-mana dalam halaman HTML Kami biasanya meletakkannya di bahagian kepala atau badan halaman web. Tetapi penyemak imbas mentafsir HTML mengikut urutan, jadi skrip sebelumnya dilaksanakan terlebih dahulu. Sebagai contoh, permulaan paparan halaman js mesti diletakkan di kepala, kerana permulaan mesti dilakukan terlebih dahulu (seperti menetapkan css untuk badan halaman, dll.); dan jika fungsi itu dilaksanakan melalui panggilan acara, di sana tiada keperluan untuk lokasi.

5. Pernyataan dan simbol

Format setiap kod JavaScript: pernyataan;

6. Kaedah anotasi

Untuk ulasan satu baris, tambahkan simbol "//" sebelum kandungan ulasan.

Komen berbilang baris bermula dengan "/*" dan berakhir dengan "*/".

7. Pembolehubah

Tentukan pembolehubah menggunakan kata kunci var, sintaksnya adalah seperti berikut:

nama pembolehubah var

Nama pembolehubah boleh dinamakan sewenang-wenangnya, tetapi peraturan penamaan mesti dipatuhi:

1. Nama pembolehubah mesti bermula dengan huruf atau garis bawah (_).

2. Nama pembolehubah mesti menggunakan huruf Inggeris, nombor dan garis bawah (_).

3. Kata kunci JavaScript dan perkataan simpanan JavaScript tidak boleh digunakan dalam nama pembolehubah.

8. Pernyataan penghakiman (jika...lain)

Sintaks:

if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }
Salin selepas log masuk

9. Fungsi

function 函数名()
{
函数代码;
}
Salin selepas log masuk

Penerangan:

1. kata kunci fungsi mentakrifkan fungsi.

2. "Nama fungsi" ialah nama yang anda berikan fungsi.

3. Gantikan "kod fungsi" dengan kod yang melengkapkan fungsi tertentu.

Panggilan fungsi:

Selepas fungsi ditakrifkan, ia tidak boleh dilaksanakan secara automatik, jadi jika anda perlu memanggilnya, tulis sahaja fungsi tersebut terus di lokasi yang diperlukan

2. Kaedah interaksi yang biasa digunakan

1. Kandungan keluaran (dokumen.tulis)

document.write() boleh digunakan untuk menulis kandungan terus ke strim output HTML. Ringkasnya, ia adalah untuk mengeluarkan kandungan secara langsung pada halaman web.

Jenis pertama: kandungan output disertakan dalam "", dan kandungan dalam "" adalah output terus.

Jenis kedua: kandungan output melalui pembolehubah

Jenis ketiga: keluarkan berbilang kandungan dan sambungkan kandungan dengan tanda +.

Kaedah keempat: keluarkan teg HTML dan kerja Teg disertakan dalam "".

2. Amaran (kotak dialog mesej amaran)

Tetingkap kecil muncul dengan teks mesej (makluman muncul kotak dialog mesej (termasuk butang OK)): amaran (rentetan atau pembolehubah
).

Nota:

1. Tiada operasi lain boleh dilakukan sebelum mengklik butang "OK" dalam kotak dialog.

2. Kotak dialog mesej biasanya boleh digunakan untuk nyahpepijat atur cara.

3 kandungan output amaran, yang boleh menjadi rentetan atau pembolehubah, serupa dengan document.write.

3. Sahkan (sahkan kotak dialog mesej)

Timbul kotak dialog (termasuk butang OK dan butang Batal). confirm(str);

Perihalan parameter:

str: Teks untuk dipaparkan dalam kotak dialog mesej

Nilai pulangan: Nilai Boolean

Nilai pulangan:

Apabila pengguna mengklik butang "OK", kembalikan benar

Apabila pengguna mengklik butang "Batal", kembalikan palsu

Nota: Nilai pulangan boleh digunakan untuk menentukan butang yang pengguna klik

Nota: Kotak dialog mesej adalah eksklusif, iaitu, pengguna tidak boleh melakukan sebarang operasi lain sebelum mengklik butang dalam kotak dialog.

4. Soalan (kotak dialog mesej gesaan)

Timbul kotak dialog mesej (termasuk butang OK, butang batal dan kotak input teks) gesaan(str1, str2);

Perihalan parameter:

str1: Teks yang akan dipaparkan dalam kotak dialog mesej, tidak boleh diubah suai

str2: Kandungan dalam kotak teks boleh diubah suai

Nilai pulangan:

1 Klik butang OK, dan kandungan dalam kotak teks akan digunakan sebagai nilai pulangan fungsi

2. Mengklik butang batal akan mengembalikan batal

Nota: Tiada operasi lain boleh dilakukan sebelum pengguna mengklik butang dalam kotak dialog.

5 Buka tetingkap baharu (tetingkap.buka)

Kaedah open() digunakan untuk membuka tetingkap baharu: window.open(, , )

Perihalan parameter:

URL: URL atau laluan untuk membuka tetingkap.

Nama tetingkap: Nama tetingkap yang dibuka.

Boleh "_top", "_blank", "_selft", dll.

Rentetan parameter: Tetapkan parameter tetingkap, setiap parameter dipisahkan dengan koma. (atas, kiri, lebar, tinggi, bar menu, bar alat, bar skrol, status)

Nota:

1. Terdapat ruang sebelum dan selepas koma dan tanda sama antara parameter Rentetan itu tidak sah dengan mengalih keluar ruang itu boleh berjalan seperti biasa.

2. Hasil yang dijalankan mempertimbangkan isu keserasian penyemak imbas.

6. Tutup tingkap (tetingkap.tutup)

window.close(); //Tutup tetingkap yang ditentukan

.close();

3. Operasi DOM

1. Kenali DOM

Model Objek Dokumen DOM (Model Objek Dokumen) mentakrifkan kaedah standard untuk mengakses dan memproses dokumen HTML. DOM memaparkan dokumen HTML sebagai elemen,

Struktur pokok (pokok nod) atribut dan teks.

1. Nod elemen: Dalam gambar di atas, , ,

, dsb. adalah semua nod elemen, iaitu label.

2. Nod teks: kandungan dipaparkan kepada pengguna, seperti JavaScript, DOM, CSS dan teks lain dalam

  • ...
  • .

    3. Nod atribut: atribut elemen, seperti atribut pautan href="http://www.imooc.com" teg

    2. Dapatkan elemen mengikut ID

    document.getElementById(“id”)

    Nota: Elemen yang diperolehi adalah objek Jika kita ingin mengendalikan elemen tersebut, kita perlu menggunakan sifat atau kaedahnya.

    3. atribut innerHTML

    Sifat

    .innerHTML digunakan untuk mendapatkan atau menggantikan kandungan elemen HTML.

    Object.innerHTML

    1.Objek ialah objek elemen yang diperolehi, seperti elemen yang diperolehi melalui document.getElementById("ID").

    2. Beri perhatian kepada penulisan, innerHTML sensitif huruf besar kecil

    4. Tukar gaya HTML

    Object.style.property=gaya baharu;

    Nota: Objek ialah objek elemen yang diperolehi, seperti elemen yang diperoleh melalui document.getElementById("id").
    Jadual harta asas (harta benda);

    warna latar belakang/tinggi/lebar/warna/font/fontFamily/fontSize

    5. Tunjukkan dan sembunyikan (Atribut paparan)

    Object.style.display = nilai

    Nota: Objek ialah objek elemen yang diperolehi, seperti elemen yang diperoleh melalui document.getElementById("id").

    nilai:

    tiada: Elemen ini tidak akan dipaparkan (tersembunyi)

    blok: Elemen ini akan dipaparkan sebagai elemen peringkat blok (paparan)

    6. Nama kelas kawalan (atribut className)

    Tetapkan atau kembalikan atribut kelas bagi elemen

    object.className = nama kelas

    1 Dapatkan atribut kelas bagi elemen

    2. Tentukan gaya css untuk elemen dalam halaman web untuk menukar penampilan elemen

    sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Cadangan popular
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan