Pengenalan kepada kemahiran JavaScript_javascript-tutorial js-php.cn

Artikel ini bukan manual rujukan Ia hanya sesuai untuk mendapatkan pemahaman umum tentang JS Jika anda memerlukan sintaks dan aplikasi JS yang terperinci, sila pergi ke w3school

Apakah itu JavaScript?

Kelahiran JavaScript

Sekitar tahun 1995, jalur lebar arus perdana dunia ialah 28.8Kbps, dan kini purata lebar jalur muat turun dunia ialah 21.9Mbps (data datang daripada http://www.netindex.com). Ketika itu, netizen terpaksa menunggu lama untuk menerima jawapan daripada pelayan setiap kali menghantar borang, malah mungkin selepas menunggu beberapa minit, jawapan yang diterima ialah ada item yang hilang. Untuk meningkatkan pengalaman pengguna, skrip yang dibenamkan dalam klien penyemak imbas yang dapat merealisasikan pertimbangan bentuk mudah telah dilahirkan. Ini adalah JavaScript.

JavaScript pertama kali dibangunkan oleh Brendan Eich, yang bekerja di Netscape, untuk Netscape Navigator 2.0 (NN2.0), yang akan dikeluarkan pada tahun 1995. Ia dipanggil LiveScript pada masa itu. Memandangkan ia bekerjasama dengan syarikat Sun yang sangat popular pada masa itu, untuk mengikuti trend masa itu - bahasa Java, bahasa ini dinamakan JavaScript.

Apakah hubungan antara JavaScript dan Java?

Ini juga merupakan reaksi pertama orang awam apabila mereka mendengar JavaScript, dan ia juga merupakan salah satu masalah yang paling dikritik dalam bahasa ini.

Tegasnya, ia tidak penting. Sekiranya terdapat sambungan, mungkin beberapa fungsi, idea berorientasikan objek, struktur penghakiman, pernyataan gelung adalah sama, dll., tetapi ini jelas bukan paten Java, tetapi konsensus bahasa pengaturcaraan.

Penstandardan dan sejarah pembangunan JavaScript

Apabila JavaScript dilancarkan, pelayar NN dengan pengalaman pengguna yang lebih baik menguasai pasaran penyemak imbas, dan Microsoft telah mengejarnya. Apabila IE3 dilancarkan, Microsoft mengeluarkan VBScript di bawah nama JScript, yang sebenarnya tidak jauh berbeza daripada JavaScript Netscape (penyalin dalam istilah hari ini). Menghadapi persaingan daripada Microsoft, Netscape dan Sun menyerahkan draf JavaScript mereka kepada ECMA (Persatuan Pengilang Komputer Eropah) untuk menyeragamkan JavaScript, dan akhirnya membentuk versi pertama ECMAScript (ECMA-262).

Menariknya, selepas Netscape menyeragamkan JavaScript, masalah dalaman timbul dan penyelidikan JavaScript terbantut untuk mengejar dan melancarkan IE4, yang dibina dalam enjin JavaScript pertama yang mematuhi spesifikasi ECMA adalah satu tahun lebih awal daripada jadual . Di samping itu, sistem Microsoft secara beransur-ansur menduduki pasaran sistem pengendalian komputer, dan bahagian pasaran penyemak imbas IE yang telah dipasang secara beransur-ansur meningkat, dan NN terus diperah daripada pasaran. Walau bagaimanapun, apabila Microsoft kehilangan pesaing terbesarnya, ia kehilangan motivasi untuk membangunkan IE6~IE8 tidak serasi antara satu sama lain dari segi rendering antara muka dan pelaksanaan skrip Ia menjadi bunga pelik dalam sejarah pelayar dan kutukan untuk bahagian hadapan pemaju.

Salin kod Kod adalah seperti berikut:

v1 Jun 1997 Edisi Pertama 

v2 Jun 1998 Format telah disemak untuk menjadikan formatnya selaras dengan standard antarabangsa ISO/IEC16262 

v3 Disember 1999 Ungkapan biasa yang berkuasa, pemprosesan rantai teks yang lebih baik, arahan kawalan baharu, pengendalian pengecualian, takrifan ralat yang lebih jelas, pemformatan output nombor dan perubahan lain 

v4 belum selesai...mungkin definisi kelas, ruang nama, dll yang lebih jelas...

v5 Disember 2009 Menambahkan "mod ketat", subset yang digunakan untuk menyediakan semakan ralat yang lebih teliti untuk mengelakkan ralat struktur. Menjelaskan banyak spesifikasi samar-samar versi 3, dan menampung gelagat pelaksanaan dunia sebenar yang berbeza secara konsisten daripada spesifikasi tersebut. Beberapa ciri baharu telah ditambah, seperti getter dan setter, sokongan untuk JSON dan refleksi yang lebih lengkap pada sifat objek.

****Pada Jun 2004, Persatuan Pengeluar Komputer Eropah menerbitkan piawai ECMA-357, yang merupakan lanjutan ECMAScript Ia juga dipanggil E4X (ECMAScript untuk XML).

Apakah hubungan antara JavaScript dan ECMAScript?

Malah, persoalannya ialah apakah hubungan antara JavaScript, JScript dan ECMAScript. Sebenarnya, ECMAScript ialah spesifikasi umum JavaScript dan JScript dibangunkan mengikut spesifikasi ini dan serasi dengan ECMAScript, tetapi termasuk fungsi di luar ECMAScript. Walau bagaimanapun, tidak kira yang mana satu, ia kini dikenali sebagai JavaScript, hanya kerana ia muncul dahulu dan mempunyai pengaruh yang paling besar, dan namanya telah diturunkan hingga ke hari ini.

Apa yang JavaScript boleh lakukan?

Di halaman web, semua operasi yang memerlukan pemprosesan logik boleh diselesaikan dengan JavaScript. Contohnya:

Salin kod Kod adalah seperti berikut:

• Pengesahan borang

•Kesan animasi 

•Permainan web

•Undur detik

•……

Terdapat banyak, banyak aplikasi, yang saya tidak akan perincikan di sini. Saya percaya anda akan menemui banyak aplikasi selepas mempelajari bahasa ini.

Mengapa anda perlu belajar JavaScript?

1. Kerana anda tiada pilihan, hanya JavaScript boleh mengawal semua pelayar yang biasa digunakan, dan JavaScript ialah salah satu bahasa pengaturcaraan yang paling penting di dunia Untuk mempelajari teknologi web, anda mesti mempelajari JavaScript.

2. JavaScript ialah bahasa yang indah, ia bagus, jadi kita perlu mempelajarinya

Kedudukan JavaScript

Salin kod Kod adalah seperti berikut:

JavaScript ialah bahasa skrip ringan yang tidak memerlukan penyusunan dan dihuraikan dan dijalankan oleh enjin penghuraian JavaScript (biasanya merujuk kepada penyemak imbas, sudah tentu tidak termasuk penghurai seperti nod) 

JavaScript mempunyai ciri bahasa tidak berfungsi, ciri bahasa berfungsi dan ciri bahasa dinamik, dan sintaksnya sangat fleksibel

JavaScript ialah bahasa pengaturcaraan berorientasikan objek Terdapat pepatah dalam dunia JavaScript: semuanya adalah objek. Warisannya adalah berdasarkan warisan prototaip (saya sebelum ini telah menulis artikel yang menerangkan secara khusus warisan prototaip) 

JavaScript ialah bahasa seperti C, jadi sesiapa yang telah mempelajari C boleh mula menggunakan JavaScript dengan mudah

Menulis JavaScript tidak memerlukan pengkompil, tetapi hanya penyunting teks (Notepad tidak diperlukan, teks luhur amat disyorkan di sini)

Apa yang ada dalam JavaScript?

JavaScript yang digunakan oleh semua orang kini termasuk tiga bahagian: DOM, BOM dan ECMAScript (atau js teras).

DOM

Diandaikan di sini bahawa setiap orang mempunyai sekurang-kurangnya sedikit pemahaman tentang HTML dan CSS Jika anda ingin melangkau HTML dan CSS secara langsung untuk membaca artikel ini, baca di sini dahulu.

DOM, model objek dokumen

Kami tahu bahawa XHTML memerlukan teg mesti ditutup dan bersarang dengan betul. Pensarangan teg mewujudkan hubungan ibu bapa-anak (atau hubungan nenek moyang-keturunan). DOM menyediakan sejumlah besar API yang membolehkan kami mengendalikan pepohon DOM dengan mudah. Saya akan menulis artikel khusus tentang JS DOM nanti.

Menggunakan DOM, kami boleh mengubah suai kandungan halaman secara dinamik, melaraskan gaya, dll. Ini juga merupakan manifestasi kepelbagaian JS.

BOM

BOM, model objek penyemak imbas

Serupa dengan DOM, kecuali badan utama menjadi penyemak imbas. Penyemak imbas juga menyediakan sejumlah besar API, beberapa daripadanya terbuka kepada JS, memberikan kami kaedah untuk mengendalikan tetingkap penyemak imbas.

Kegunaan biasa:

Salin kod Kod adalah seperti berikut:

Keupayaan untuk muncul tetingkap penyemak imbas baharu;
Keupayaan untuk mengalih, menutup dan menukar saiz tetingkap pelayar 

Objek navigasi yang boleh memberikan maklumat terperinci pelayar WEB 

Objek tempatan yang boleh memberikan maklumat terperinci tentang halaman yang dimuatkan oleh penyemak imbas;
Objek skrin yang menyediakan maklumat terperinci tentang peleraian skrin pengguna;
Kuki Sokongan;
Internet Explorer memanjangkan BOM untuk memasukkan kelas objek ActiveX, dan objek ActiveX boleh dilaksanakan melalui JavaScript. 

Teras ECMAScript

Juga dipanggil teras JS, tidak kira apa yang anda panggil, maksudnya adalah sama Semuanya mewakili komponen teras bahasa JS, termasuk definisi pembolehubah, pengumpulan sampah, sintaks, skop, dsb. Tidak seperti DOM dan BOM yang dinyatakan di atas, yang hanya memerlukan kami menggunakan API ini, teras ECMAScript ialah intipati bahasa dan memerlukan kajian berterusan. Bab seterusnya akan membincangkan lebih lanjut sintaks JS.

Penggunaan JavaScript

Sebaris

Sebaris ialah JavaScript yang ditulis dalam teg Contohnya, kami menulis dalam HTML:

Salin kod

Kod adalah seperti berikut:

Apabila kita mengklik butang, kotak pop timbul akan memaparkan "diklik". 

Tetapi ambil perhatian bahawa ini amat tidak disyorkan, kerana ia akan membawa masalah besar kepada penyelenggaraan Setiap kali kita perlu menukar acara, kita perlu mencari elemen terlebih dahulu, dan kemudian mengubah suai kandungan javascriptnya, dan kod javascript ini tidak boleh digunakan semula. 

Selain itu, acara yang ditulis dalam teg perlu 'hidup' dan js hanya boleh diperkenalkan ke dalam teg melalui acara dan ungkapan js mudah tidak boleh ditulis

Terbenam

Terbenam bermaksud menulis kod js dalam teg skrip html Kaedahnya adalah untuk menambah teg skrip baharu dalam HTML, dan kemudian memasukkan mana-mana kod js anda di tengah teg, seperti berikut:

Salin kod

Kod adalah seperti berikut:

& Lt; butang id = "btn" & gt; klik & lt;/butang & gt; 

var btn = document.getElementById("btn");         btn.onclick = function() {

makluman("diklik");

}

Jika anda menggunakan sebaris, anda lebih bebas daripada sebaris Anda boleh menulis lebih banyak kod, anda juga boleh mengelakkan masalah melarikan tanda petikan, dan penyelenggaraan menjadi lebih mudah. Tetapi terdapat juga masalah Kod ini hanya boleh digunakan pada halaman ini dan tidak boleh digunakan oleh halaman lain.

Pautan luar

Kaedah pautan luaran menyelesaikan semua kekurangan dua bentuk di atas. Begini caranya:

Mula-mula buat fail baharu dan tukar akhiran kepada .js. Contohnya, kami mencipta fail click.js baharu, dan kemudian menyalin kod js dalam baris sebaris yang baru kami tulis (perhatikan bahawa teg skrip tidak disertakan)

Salin kod Kod adalah seperti berikut:

var btn = document.getElementById("btn");

btn.onclick = function() {

alert("diklik");

}

Kemudian perkenalkan

dalam HTML melalui tag skrip

Salin kod Kod adalah seperti berikut:

& Lt; butang id = "btn" & gt; klik & lt;/butang & gt;

Kelebihan ini ialah kod js yang sama boleh dikongsi oleh berbilang halaman HTML. Kelemahannya ialah ia meningkatkan bilangan fail dan meningkatkan masa yang diperlukan untuk permintaan. dan fail js harus digabungkan pada akhirnya ( Gabungkan fail js yang berbeza menjadi satu fail js)