cari
Rumahhujung hadapan webtutorial jsRingkasan mata pengetahuan dalam kemahiran JavaScript siri pengenalan_javascript

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
{ 条件不成立时执行的代码 }

9. Fungsi

function 函数名()
{
函数代码;
}

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

    Kenyataan
    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
    Python vs JavaScript: Analisis Perbandingan untuk PemajuPython vs JavaScript: Analisis Perbandingan untuk PemajuMay 09, 2025 am 12:22 AM

    Perbezaan utama antara Python dan JavaScript ialah sistem jenis dan senario aplikasi. 1. Python menggunakan jenis dinamik, sesuai untuk pengkomputeran saintifik dan analisis data. 2. JavaScript mengamalkan jenis yang lemah dan digunakan secara meluas dalam pembangunan depan dan stack penuh. Kedua -duanya mempunyai kelebihan mereka sendiri dalam pengaturcaraan dan pengoptimuman prestasi yang tidak segerak, dan harus diputuskan mengikut keperluan projek ketika memilih.

    Python vs JavaScript: Memilih alat yang sesuai untuk pekerjaanPython vs JavaScript: Memilih alat yang sesuai untuk pekerjaanMay 08, 2025 am 12:10 AM

    Sama ada untuk memilih Python atau JavaScript bergantung kepada jenis projek: 1) Pilih Python untuk Sains Data dan Tugas Automasi; 2) Pilih JavaScript untuk pembangunan front-end dan penuh. Python disukai untuk perpustakaannya yang kuat dalam pemprosesan data dan automasi, sementara JavaScript sangat diperlukan untuk kelebihannya dalam interaksi web dan pembangunan stack penuh.

    Python dan javascript: memahami kekuatan masing -masingPython dan javascript: memahami kekuatan masing -masingMay 06, 2025 am 12:15 AM

    Python dan JavaScript masing -masing mempunyai kelebihan mereka sendiri, dan pilihan bergantung kepada keperluan projek dan keutamaan peribadi. 1. Python mudah dipelajari, dengan sintaks ringkas, sesuai untuk sains data dan pembangunan back-end, tetapi mempunyai kelajuan pelaksanaan yang perlahan. 2. JavaScript berada di mana-mana dalam pembangunan front-end dan mempunyai keupayaan pengaturcaraan tak segerak yang kuat. Node.js menjadikannya sesuai untuk pembangunan penuh, tetapi sintaks mungkin rumit dan rawan kesilapan.

    Inti JavaScript: Adakah ia dibina di atas C atau C?Inti JavaScript: Adakah ia dibina di atas C atau C?May 05, 2025 am 12:07 AM

    Javascriptisnotbuiltoncorc; it'saninterpretedlanguagethatrunsonenginesoftenwritteninc .1) javascriptwasdesignedasalightweight, interpratedlanguageforwebbrowsers.2)

    Aplikasi JavaScript: Dari Front-End ke Back-EndAplikasi JavaScript: Dari Front-End ke Back-EndMay 04, 2025 am 12:12 AM

    JavaScript boleh digunakan untuk pembangunan front-end dan back-end. Bahagian depan meningkatkan pengalaman pengguna melalui operasi DOM, dan back-end mengendalikan tugas pelayan melalui Node.js. 1. Contoh front-end: Tukar kandungan teks laman web. 2. Contoh backend: Buat pelayan Node.js.

    Python vs JavaScript: Bahasa mana yang harus anda pelajari?Python vs JavaScript: Bahasa mana yang harus anda pelajari?May 03, 2025 am 12:10 AM

    Memilih Python atau JavaScript harus berdasarkan perkembangan kerjaya, keluk pembelajaran dan ekosistem: 1) Pembangunan Kerjaya: Python sesuai untuk sains data dan pembangunan back-end, sementara JavaScript sesuai untuk pembangunan depan dan penuh. 2) Kurva Pembelajaran: Sintaks Python adalah ringkas dan sesuai untuk pemula; Sintaks JavaScript adalah fleksibel. 3) Ekosistem: Python mempunyai perpustakaan pengkomputeran saintifik yang kaya, dan JavaScript mempunyai rangka kerja front-end yang kuat.

    Rangka Kerja JavaScript: Menguasai Pembangunan Web ModenRangka Kerja JavaScript: Menguasai Pembangunan Web ModenMay 02, 2025 am 12:04 AM

    Kuasa rangka kerja JavaScript terletak pada pembangunan yang memudahkan, meningkatkan pengalaman pengguna dan prestasi aplikasi. Apabila memilih rangka kerja, pertimbangkan: 1.

    Hubungan antara JavaScript, C, dan penyemak imbasHubungan antara JavaScript, C, dan penyemak imbasMay 01, 2025 am 12:06 AM

    Pengenalan Saya tahu anda mungkin merasa pelik, apa sebenarnya yang perlu dilakukan oleh JavaScript, C dan penyemak imbas? Mereka seolah -olah tidak berkaitan, tetapi sebenarnya, mereka memainkan peranan yang sangat penting dalam pembangunan web moden. Hari ini kita akan membincangkan hubungan rapat antara ketiga -tiga ini. Melalui artikel ini, anda akan mempelajari bagaimana JavaScript berjalan dalam penyemak imbas, peranan C dalam enjin pelayar, dan bagaimana mereka bekerjasama untuk memacu rendering dan interaksi laman web. Kita semua tahu hubungan antara JavaScript dan penyemak imbas. JavaScript adalah bahasa utama pembangunan front-end. Ia berjalan secara langsung di penyemak imbas, menjadikan laman web jelas dan menarik. Adakah anda pernah tertanya -tanya mengapa Javascr

    See all articles

    Alat AI Hot

    Undresser.AI Undress

    Undresser.AI Undress

    Apl berkuasa AI untuk mencipta foto bogel yang realistik

    AI Clothes Remover

    AI Clothes Remover

    Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

    Undress AI Tool

    Undress AI Tool

    Gambar buka pakaian secara percuma

    Clothoff.io

    Clothoff.io

    Penyingkiran pakaian AI

    Video Face Swap

    Video Face Swap

    Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

    Alat panas

    Dreamweaver CS6

    Dreamweaver CS6

    Alat pembangunan web visual

    VSCode Windows 64-bit Muat Turun

    VSCode Windows 64-bit Muat Turun

    Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

    SublimeText3 Linux versi baharu

    SublimeText3 Linux versi baharu

    SublimeText3 Linux versi terkini

    Hantar Studio 13.0.1

    Hantar Studio 13.0.1

    Persekitaran pembangunan bersepadu PHP yang berkuasa

    Pelayar Peperiksaan Selamat

    Pelayar Peperiksaan Selamat

    Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.