Oleh banyak permintaan menjalankan seri pelajaran JavaScript. Jika Anda benar-benar dikonfigurasi, Master JS, itu berarti Anda harus memiliki pengetahuan dasar tentang HTML dan CSS, karena ini adalah fondasi, yang tanpanya sulit untuk memahami apa yang akan kita bicarakan.

Dari sisi kami, saya akan mencoba menjelaskan bahasa yang dapat dimengerti, menunjukkan pada contoh nyata dari kehidupan, karena semuanya datang dibandingkan.

Apa javascript, atau bagaimana memahami, untuk tujuan apa yang dibutuhkan selama pengembangan web!

Kita hidup di dunia di mana setiap orang nyata, kita menerapkan ide-ide itu yang datang ke kepala kita. Kami membangun rumah, mobil, bergerak dengan berbagai teknik. Artinya, yang dapat kita lakukan di dunia nyata dapat diwakili dibandingkan dengan HTML, di mana ia bertindak sebagai bahan bangunan, yayasan, di mana semuanya terus, dan kapan cSS BANTUAN Kami membuat dunia ini, kami membuatnya penuh warna, karena mereka ingin melihatnya sendiri.

Mungkin Anda bertanya-tanya apakah HTML dan CSS adalah apa yang mengelilingi kami, jadi apa javascript? Di mana dia memanifestasikan dirinya di dunia kita.

Sederhananya, saya pikir akan menjelaskan tentang contoh film Gary Lot, saya pikir banyak dari Anda melihat dan memahami apa yang kita bicarakan. Menurut naskah film, kita tahu bahwa Gary memiliki kemampuan, ia adalah seorang penyihir, dan tongkat sihir membantu dalam hal ini. Itu adalah tongkat sihir yang memberinya kesempatan untuk menciptakan sihir, tingkat seperti dia memiliki pengetahuan untuk membuatnya unik.

JavaScript adalah tongkat ajaibItu memiliki setiap pengembang web, tetapi sihir apa yang dapat Anda buat, hanya tergantung pada pengetahuan pengembang yang ia miliki. Mereka yang telah menguasai bahasa iniadalah wizard dan keajaiban keriting.

Bahasa javascript. Tidak fulleded tanpa komponennya HTML dan CSS. Banyak programmer menyebutkan tiga bahasa yang membentuk "Lapisan" dari halaman web: HTML, CSS dan Javascript.

Html. Bahasa pertama dari markup hypertext - menyediakan lapisan struktural, secara ekspresif mengatur konten halaman, seperti teks, gambar elemen lain.

Kedua, CSS. (Cascading Style Sheets) Formulir dekorasi yang indah, penampilan konten HTML.

Dan yang ketiga Javascript. - Tambahkan lapisan perilaku, menghidupkan kembali halaman web, membuatnya interaktif, yaitu, membuat elemen untuk berinteraksi dengan pengunjung.

Akibatnya, untuk menguasai bahasa JavaScript, Anda harus memiliki ide bagus tentang HTML dan CSS.

Pemrograman mungkin tampak sihir luar biasa, tidak dapat diakses oleh fana sederhana. Namun, sebagian besar konsepnya tidak sulit dimengerti. Javascript cukup ramah dalam kaitannya dengan pemrogram pemula, tetapi, namun demikian, ini lebih sulit daripada HTML atau CSS, sehingga dalam kerangka serangkaian pelajaran kami akan menguasai konsep dasar pemrograman, dan Anda dapat menerapkannya saat menulis skrip pada Javascript.

Anda akan berkenalan dengan simbol baru () ,, , (),!, Pelajari sebutan kata-kata baru (var, , else jika), kita akan menganalisis aturan tanda baca dan sintaksis bahasa itu sendiri, dan semua ini untuk membuat sihir mereka.

Bahan disiapkan Denis terbakar, tulis komentar Anda dan pastikan untuk membagikan materi ini dengan teman-teman Anda.

• Transfer

Bahan, terjemahan yang kami publikasikan hari ini, didedikasikan untuk dasar-dasar JavaScript dan ditujukan untuk programmer pemula. Itu dapat dilihat sebagai buku referensi kecil tentang desain JS dasar. Di sini kita, khususnya, mari kita bicara tentang sistem tipe data, tentang variabel, array, fitur, tentang prototipe objek, dan beberapa fitur lain dari bahasa.

Tipe data primitif

JavaScript memiliki tipe data primitif berikut: angka, boolean, string, tidak terdefinisi, null. Segera, perlu dicatat bahwa, ketika bekerja dengan tipe data primitif, misalnya, dengan literal string, kami bahkan tidak melakukan konversi eksplisit, kami dapat mengakses metode dan properti mereka. Faktanya adalah bahwa ketika mencoba melakukan operasi seperti itu, literal secara otomatis dilengkapi dengan pembungkus objek yang sesuai.

▍ Sheet.

Javascript hanya memiliki satu jenis angka - ini adalah jumlah akurasi ganda dengan titik terapung. Hal ini mengarah pada fakta bahwa hasil penghitungan beberapa ekspresi secara aritmatis tidak benar. Anda mungkin sudah tahu bahwa dalam JS nilai ekspresi 0,1 + 0,2 tidak sama dengan 0,3. Pada saat yang sama, ketika bekerja dengan bilangan bulat masalah seperti itu tidak diamati, yaitu, 1 + 2 \u003d\u003d\u003d 3.

JavaScript memiliki objek angka, yang merupakan pembungkus objek untuk nilai numerik. Objek angka dapat dibuat menggunakan perintah var A \u003d angka (10) jenis, atau Anda dapat mengandalkan perilaku otomatis sistem yang dijelaskan di atas. Ini, khususnya, memungkinkan Anda untuk menelepon metode yang disimpan dalam angka. Prototype dalam diterapkan ke literal numerik:

(123) .ToString (); // "123" (1.23) .tofixed (1); //"1.2 "
Ada fungsi global yang dirancang untuk mengubah jenis nilai lain dalam tipe numerik. Ini adalah ParseINT (), PARSEFT () dan Nomor () Desain, yang dalam hal ini bertindak sebagai fungsi konvensional yang melakukan konversi jenis:

ParseINT ("1") // 1 ParseINT ("Text") // Pisahkan Pidsefloat ("1.234") //1.234 Nomor ("1") // 1 angka ("1.234") //1.234
Jika selama operasi dengan angka itu ternyata sesuatu yang bukan angka (selama beberapa perhitungan, atau ketika mencoba mengkonversi apa pun ke angka), Javascript tidak akan memberikan kesalahan, tetapi akan menyajikan hasil dari operasi serupa seperti NAN ( bukan-A-angka, bukan angka). Untuk memeriksa apakah nilai NAN digunakan, Anda dapat menggunakan fungsi ISNAN ().

Operasi aritmatika JS bekerja cukup akrab, tetapi perlu memperhatikan fakta bahwa operator + dapat melakukan penambahan angka, dan gabungan string.

1 + 1 //2 "1" + "1" //"11" 1 + "1" //"11"

▍ Stroke.

Baris dalam javascript adalah urutan karakter Unicode. String Literal Buat, memasukkan teks yang akan ditempatkan di dalamnya, dalam kutipan ganda (") atau single (" "). Seperti yang telah disebutkan, ketika bekerja dengan literal string, kita dapat mengandalkan pembungkus objek yang sesuai, dalam prototipe yang ada banyak metode yang berguna, di antaranya - substring (), concat ().

"Teks" .Substring (1,3) // mantan "teks" .indexof ("x") // 2 "teks" .concat ("end") // end "
Baris, seperti nilai primitif lainnya, Immutabelin. Misalnya, metode concat () tidak memodifikasi string yang ada, dan membuat yang baru.

▍ Nilai-Nilai Biasa

Tipe data logis di JS diwakili oleh dua nilai - benar dan salah. Bahasa dapat secara otomatis mengkonversi berbagai nilai ke tipe data logis. Jadi, salah, selain nilai logis palsu, adalah nol, tidak terdefinisi, "" (string kosong), 0 dan nan. Segala sesuatu yang lain, termasuk benda apa pun, adalah nilai sebenarnya. Sedang berlangsung operasi logika Segala sesuatu yang dianggap benar dikonversi menjadi benar, dan segala sesuatu yang dianggap salah dikonversi menjadi false. Lihatlah contoh berikut. Sesuai dengan prinsip-prinsip di atas, string kosong akan dikonversi menjadi false dan sebagai hasil dari pelaksanaan kode ini di konsol, garis ini salah akan jatuh ke konsol.

Biarkan teks \u003d ""; If (teks) (konsol.log ("ini benar");) lain (konsol.log ("ini salah");)

Objek

Objek adalah struktur dinamis yang terdiri dari sepasang nilai kunci. Nilai mungkin memiliki tipe data primitif, mungkin objek atau fungsi.

Objek paling mudah dibuat untuk menggunakan objek sintaks literal:

Biarkan obj \u003d (pesan: "pesan", dosomething: fungsi () ())
Sifat-sifat objek dapat, kapan saja, membaca, menambah, mengedit dan menghapus. Ini adalah bagaimana hal itu dilakukan:

• Membaca properti: objek.name, objek.
• Rekam data ke properti (jika properti yang tidak ada tidak ada, properti baru dengan kunci yang ditentukan ditambahkan): objek.name \u003d nilai, objek \u003d nilai.
• Hapus Properti: hapus objek.name, hapus objek.

Berikut adalah beberapa contoh:

Biarkan obj \u003d (); // membuat objek kosong obj.message \u003d "Pesan"; // menambahkan properti baru obj.message \u003d "pesan baru"; // editing delete objek.message properti; // Hapus Property.
Objek dalam bahasa diimplementasikan dalam bentuk tabel hash. Anda dapat membuat tabel hash sederhana menggunakan perintah objek.create (null):

Biarkan Prancis \u003d Object.Create (null); Prancis ["Ya"] \u003d "OUI"; Prancis ["Tidak"] \u003d "Non"; Prancis ["Ya"]; // "Oui"
Jika objek perlu dibuat abadi, Anda dapat menggunakan perintah objek.freeze ().

Untuk menyebutkan semua properti objek, Anda dapat menggunakan perintah objek.keys ():

Fungsi logproperty (nama) (konsol.log (nama); // properti name console.log (obj); // properti nilai) objek.Keys (obj). Bertukap (logproperty);

▍cap nilai jenis dan objek primitif

Untuk kerja praktis Dengan nilai-nilai primitif, sudah dikatakan, untuk menganggapnya sebagai objek yang memiliki sifat dan metode, meskipun mereka bukan objek. Nilai primitif yang abadi, struktur internal objek dapat bervariasi.

Variabel.

Dalam JavaScript, variabel dapat diumumkan menggunakan kata kunci var, let dan const.

Saat menggunakan kata kunci var, Anda dapat mendeklarasikan variabel, dan, jika perlu, untuk menginisialisasi dengan nilai tertentu. Jika variabel tidak diinisialisasi, nilainya tidak terdefinisi. Variabel yang dinyatakan menggunakan kata kunci var memiliki ruang lingkup fungsional.

Biarkan kata kunci sangat mirip dengan var, perbedaannya adalah bahwa variabel yang dinyatakan dengan kata kunci biarkan memiliki lingkup blok.

Lingkup blok visibilitas juga memiliki variabel yang dinyatakan menggunakan kata kunci const, yang, mengingat bahwa nilai-nilai variabel-variabel tersebut tidak dapat diubah, akan dengan benar memanggil "konstanta". Kata kunci Const yang "membeku" Nilai variabel yang dinyatakan dengan penggunaannya dapat dibandingkan dengan metode objek.Freeze (), objek "beku".

Jika variabel dinyatakan di luar fungsi apa pun, ruang lingkupnya bersifat global.

Array.

Array JavaScript diimplementasikan menggunakan objek. Akibatnya, berbicara tentang array, kita sebenarnya mendiskusikan objek yang mirip dengan array. Anda dapat bekerja dengan elemen array menggunakan indeks mereka. Indeks numerik dikonversi menjadi string dan digunakan sebagai nama untuk mengakses nilai-nilai array. Misalnya, desain tipe ARS mirip dengan desain ARR ["1"], dan yang lainnya akan memberikan akses ke nilai yang sama: ARR \u003d\u003d\u003d Arr ["1"]. Sesuai dengan hal tersebut di atas, array sederhana menyatakan let arr \u003d ["" perintah ", B", "C"], tampaknya sebagai berikut:

("0": "A", "1": "B", "2": "C")
Menghapus elemen-elemen array menggunakan perintah delete meninggalkan "lubang" di dalamnya. Untuk menghindari masalah ini, Anda dapat menggunakan perintah splice (), tetapi berfungsi lambat, karena, setelah melepas item, ia memindahkan elemen yang tersisa dari array, pada kenyataannya, menggesernya ke awal array, kiri .

Biarkan arr \u003d ["a", "b", "c"]; Hapus arr; Konsol.log (arr); // ["a", kosong, "c"] konsol.log (arr.length); // 3.
Metode array membuatnya mudah untuk mengimplementasikan struktur data seperti tumpukan dan antrian:

// stack biarkan stack \u003d; stack.push (1); // stack.push (2); // biarkan terakhir \u003d stack.pop (); // konsol.log (terakhir); // 2 // antrian biarkan antrian \u003d; queue.push (1); // queue.push (2); // biarkan dulu \u003d antrian. Shift (); // console.log (pertama); // satu

Fungsi.

Fungsi dalam JavaScript adalah objek. Fungsi dapat ditugaskan ke variabel, disimpan dalam objek atau array, mengirimkan ke fungsi lain dalam bentuk argumen dan kembali dari fungsi lain.

Ada tiga cara untuk mendeklarasikan fungsi:

• Deklarasi fungsi atau pernyataan fungsi).
• Menggunakan ekspresi fungsional (fungsi fungsi), yang juga disebut literal fungsional (fungsi literal).
• Menggunakan sintaks fungsi pemotretan (fungsi panah).

Fungsi Iklan Klasik.

Dengan pendekatan ini untuk deklarasi fungsi, aturan berikut berlaku:

• Kata kunci pertama dalam fungsi baris deklarasi adalah fungsi.
• Fungsi harus menetapkan nama.
• Fungsi ini dapat digunakan dalam kode yang sebelum dibuat oleh mekanisme pengangkatan deklarasi fungsi di bagian atas lingkup visibilitas di mana dinyatakan.

Inilah yang terlihat seperti daftar fungsi iklan klasik:

Fungsi Dosomething () ()

▍ Ekspresi fungsional

Saat menggunakan ekspresi fungsional, Anda perlu mempertimbangkan yang berikut:

• Kata kunci fungsi tidak lagi kata pertama dalam fungsi baris fitur.
• Kehadiran nama untuk suatu fungsi adalah opsional. Dimungkinkan untuk menggunakan ekspresi fungsional anonim dan bernama.
• Perintah panggilan fungsi-fungsi tersebut harus mengikuti perintah iklan mereka.
• Fitur ini dapat dimulai segera setelah pengumuman, menggunakan sintaks IIIF (segera memohon ekspresi fungsi - segera disebut ekspresi fungsional).

Ekspresi fungsional terlihat seperti ini:

Biarkan Dosomething \u003d Fungsi () ()

▍ Fungsi peregangan

Fungsi panah, pada kenyataannya, dapat dianggap "sintaks gula" untuk membuat ekspresi fungsional anonim. Perlu dicatat bahwa fungsi-fungsi tersebut tidak memiliki entitas sendiri dan argumen. Pengumuman fungsi panah terlihat seperti ini:

Biarkan dosomething \u003d () \u003d\u003e ();

Promosi untuk menelepon fungsi

Fungsi dapat dipanggil dengan berbagai cara.

Panggilan fungsi normal

Dosomething (argumen)

Fungsi panggilan sebagai metode objek

Thobject.dosomething (argumen) TheObject ["dosomething"] (argumen)

Fungsi panggilan dalam bentuk seorang desainer

Dosomething baru (argumen)

Memanggil fungsi menggunakan metode Terapkan ()

Dosomething.apply (thehiject,) dosomething.call (theObject, argumen)

Memanggil fungsi menggunakan metode BIND ()

Biarkan dosomethingwithobject \u003d dosomething.bind (thehject); dosomethingwithObject ();
Fungsi dapat dipanggil dengan jumlah argumen besar atau lebih kecil dari jumlah parameter yang ditentukan saat diumumkan. Selama pengoperasian fungsi "kelebihan", argumen akan diabaikan (meskipun fungsi memiliki akses ke mereka), parameter yang hilang akan menerima undefined.

Fungsi memiliki dua parameter pseudo: ini dan argumen.

▍ Kata pernikahan ini

Kata kunci ini adalah konteks fungsi. Nilai yang ditunjukkannya tergantung pada bagaimana fungsi tersebut disebabkan. Itulah nilai-nilai yang mengambil kata kunci ini tergantung pada metode memanggil fungsi (mereka, dengan contoh kode, desain yang digunakan di sini dijelaskan di atas):

• Panggilan fungsi normal - jendela / tidak terdefinisi.
• Fungsi panggilan sebagai metode objek - TheObject.
• Memanggil fungsi dalam bentuk desainer - objek baru.
• Memanggil fungsi menggunakan metode Terapkan () - TheObject.
• Memanggil fungsi menggunakan metode Bind () - TheObject.

▍ Argumen Word Word

Argumen Kata kunci adalah pseudoparameter yang memberikan akses ke semua argumen yang digunakan saat memanggil fungsi. Itu terlihat seperti array, tetapi bukan array. Secara khusus, ia tidak memiliki metode array.

Fungsi fungsi reducetosum (total, nilai) () (biarkan args \u003d array.prototype.slice.call (argumen); return args.Reduce (reducetosum, 0);) jumlah (1,2, 3););
Alternatif untuk argumen Kata kunci adalah sintaks baru dari parameter yang tersisa. Dalam contoh berikut, args adalah array yang berisi segala sesuatu yang ditransmisikan saat menelepon.

Jumlah fungsi (... args) (pengembalian args.reduce (reducetosum, 0);)

▍ pengembalian operator.

Fungsi di mana ekspresi kembalinya hilang, akan kembali tidak terdefinisi. Menggunakan kata kunci kembali, perhatikan bagaimana mekanisme penyisipan otomatis dari titik koma yang bekerja. Misalnya, fungsi berikut tidak akan mengembalikan objek kosong, tetapi tidak terdefinisi:

Fungsi GetObject () (Return ()) GetObject ()
Untuk menghindari masalah seperti itu, braket pembuka harus ditempatkan pada baris yang sama di mana pernyataan pengembalian berada:

Fungsi GetObject () (Return ())

Mengetik dinamis

Javascript adalah bahasa dengan pengetikan dinamis. Ini berarti bahwa nilai-nilai spesifik memiliki tipe, dan variabelnya tidak. Selama eksekusi program dalam variabel yang sama, Anda dapat merekam nilai jenis yang berbeda.. Berikut adalah contoh fungsi yang berfungsi dengan berbagai jenis:

Fungsi log (nilai) (konsol.log (nilai);) log (1); log ("teks"); log ((pesan: "teks"));
Untuk mengklarifikasi jenis data yang disimpan dalam variabel, Anda dapat menggunakan operator TypeOf ():

Biarkan n \u003d 1; Typeof (n); // nomor biarkan s \u003d "teks"; Typeof (s); // string let fn \u003d fungsi () (); Typeof (fn); // fungsi.

Model eksekusi tunggal aliran

Lingkungan eksekusi JavaScript adalah berulir tunggal. Ini, khususnya, dinyatakan dalam ketidakmungkinan melakukan dua fungsi secara bersamaan (jika tidak memperhitungkan kemungkinan eksekusi asinkron dari kode yang tidak kami dengar di sini). Dalam lingkungan eksekusi, ada yang disebut antrian acara (queue acara), yang menyimpan daftar tugas yang akan diproses. Akibatnya, masalah masalah pemblokiran sumber daya timbal balik tidak biasa untuk skema eksekusi JS tunggal, sehingga tidak ada mekanisme pemblokiran. Namun, kode yang jatuh dalam antrian peristiwa harus dilakukan dengan cepat. Jika Anda kelebihan dengan pekerjaan berat, dalam aplikasi browser, aliran utama, halaman aplikasi tidak akan menanggapi eksposur kepada pengguna dan browser akan menawarkan untuk menutup halaman ini.

Pengecualian penanganan

JavaScript memiliki mekanisme untuk penanganan pengecualian. Ini berfungsi sesuai dengan cukup biasa untuk mekanisme seperti itu, prinsip: kode yang dapat menyebabkan kesalahan dibuat menggunakan desain cobalah / tangkap. Kode itu sendiri ada di unit coba, kesalahan diproses di blok tangkapan.

Sangat menarik untuk dicatat bahwa kadang-kadang JavaScript, jika Anda memiliki situasi lepas, tidak mengeluarkan pesan kesalahan. Hal ini disebabkan oleh fakta bahwa JS tidak membuang kesalahan sebelum mengadopsi standar ECMASCript 3.

Misalnya, dalam fragmen kode berikutnya, upaya untuk mengubah objek "beku" gagal, tetapi pengecualian tidak akan dikeluarkan.

Biarkan obj \u003d objek.freze (()); Obj.message \u003d "teks";
Beberapa kesalahan "diam-diam" dimanifestasikan dalam mode ketat, Anda dapat menyalakannya menggunakan desain "Use Strict"; .

Sistem prototipe.

Dasar dari mekanisme JS seperti fungsi-desainer, objek.Create Command (), kata kunci kelas adalah sistem prototipe.
Pertimbangkan contoh berikut:

Biarkan layanan \u003d (dosomething: fungsi () ()) biarkan spesialisasi layanan \u003d objek.create (layanan); Konsol.log (khusus layanan .__ Proto__ \u003d\u003d\u003d layanan); // Benar.
Di sini, untuk membuat objek layanan khusus, prototipe yang diperlukan untuk membuat objek objek.create (). Akibatnya, ternyata metode Dosomething () dapat dipanggil dengan menghubungi objek khusus layanan. Selain itu, ini berarti bahwa properti __proto__ dari objek layanan khusus menunjukkan objek layanan.

Buat sekarang objek serupa menggunakan kata kunci kelas:

Layanan Kelas (Dosomething ()) Kelas Spesialisasi Layanan Memperpanjang Layanan () Biarkan layanan khusus \u003d layanan khusus baru (); Konsol.log (khusus layanan .__ Proto__ \u003d\u003d\u003d KhususService.prototipe);
Metode yang dinyatakan dalam kelas layanan akan ditambahkan ke objek.prototipe objek. Instance kelas layanan akan memiliki prototipe yang sama (layanan.prototipe). Semua contoh akan mendelegasikan panggilan panggilan ke objek.prototipe objek. Akibatnya, ternyata metode ini dinyatakan hanya sekali, beroperasi. Prototipe, setelah itu mereka "diwarisi" oleh semua contoh kelas.

▍ PrototipeCutup

Objek bisa menjadi "ahli waris" dari benda-benda lain. Setiap objek memiliki prototipe, metode yang tersedia untuk itu. Jika Anda mencoba merujuk ke properti yang tidak ada di objek itu sendiri, Javascript akan mulai mencari rantai prototipe. Proses ini akan berlanjut sampai properti ditemukan, atau sampai pencarian mencapai ujung rantai.

Pada pemrograman fungsional dalam javascript

DI Fungsi javascript. adalah objek kelas satu, bahasa tersebut mendukung mekanisme penutupan. Ini membuka cara untuk mengimplementasikan metode pemrograman fungsional di JS. Secara khusus, kita berbicara tentang kemungkinan menerapkan fungsi orde tinggi.

Penutupan adalah fungsi internal yang memiliki akses ke variabel yang dinyatakan dalam fungsi induk, bahkan setelah fungsi orangtua terpenuhi.

Fungsi urutan tertinggi adalah fungsi yang mampu mengambil fungsi lain sebagai argumen, fungsi pengembalian, atau lakukan keduanya.

Pemrograman fungsional di JS disorot dalam berbagai publikasi. Jika menarik bagi Anda - berikut adalah beberapa bahan pada topik ini yang didedikasikan untuk

Tutorial Sintaks JavaScript.

Sebelum Anda mulai membaca tutorial javascript.Anda harus memiliki pengetahuan tentang perangkat lunak.

Ini akan menjadi nilai tambah besar dalam mempelajari sintaks javascript jika Anda sudah terbiasa dengan bahasa pemrograman apa pun, seperti PHP, C atau Pascal, dan juga memahami variabel, tipe data, atau array apa.

Namun, jika Anda tidak terbiasa dengan bahasa pemrograman, tidak perlu dikhawatirkan, diberikan buku teks javascript Hanya dan dirancang untuk mereka yang pertama kali melanjutkan studi pemrograman.

Javascript (JavaScript) - Ini adalah bahasa pemrograman klien, yang dapat dikendalikan oleh elemen HTML-halaman (tag HTML) dan browser web, memaksa mereka untuk bergerak, merespons berbagai acara (klik mouse, keyboard menekan), membuat banyak program menarik ( Scripts): Tes, animasi, galeri foto (misalnya, di vkontakte), permainan dan banyak lagi.

Bagaimana studi javascript

Belajar bahasa javascript.biasanya dibagi menjadi empat tahap:
1. Sintaks JavaScript (Tutorial ini),
2. Studi Dom. dan Bom,
3. Kontrol DOM dan BOM menggunakan JavaScript,
4. Mempelajari berbagai perpustakaan javascript. jQuery. - Yang paling populer di saat ini Perpustakaan (Buku Teks JQuery akan muncul di situs ini pada akhir 2015).

DOM adalah model objek dari dokumen. Berkat teknologi DOM, tag HTML Halaman mulai mewakili objek objek dan setiap objek di pohon ini, ada alamat yang unik. Bahasa JavaScript Mengacu pada alamat ini dapat mengakses tag HTML tertentu dan mengelolanya (ubah warna, ukuran, posisi dan mn. Dr.).

BOM adalah model dokumen browser. Strukturnya sama dengan DOM, hanya alih-alih objek HTML-halaman, adalah objek browser: jendela browser, ukuran layar browser, sejarah kunjungan, string status, dll.

Setelah mempelajari DOM dan BOM, mereka mulai menciptakan skrip yang lebih kompleks pada JavaScript yang berinteraksi dengan halaman dan browser.

Kemudian, setelah menguasai sedikit, mempelajari beberapa perpustakaan javascript, seperti jQuery, terima kasih padanya Anda dapat membuat program yang sama seperti pada Javascript, hanya jauh lebih cepat dan lebih efisien.

Beberapa webmaster segera mulai belajar jQuery, melewatkan tiga tahap sebelumnya, tetapi saya tidak merekomendasikan ini, karena dalam hal apa pun Anda perlu memahami sintaksis JavaScript dan mengetahui objek DOM / BOM dari properti, metode dan destinasi mereka.

Program apa yang dapat ditulis menggunakan JavaScript

Menggunakan Anda dapat membuat banyak program menarik (skrip):
- Anda dapat membuat skrip yang akan mengubah elemen halaman situs atau lokasi mereka, dengan menekan satu atau tombol lain,
- Anda dapat membuat animasi,
- memanipulasi bentuk, seperti memeriksa data yang dimasukkan oleh pengguna,
- Buat berbagai tes, seperti jenis EGE (ujian sekolah) dan segera dapatkan hasilnya,
- Berkat BOM, Anda dapat mengetahui karakteristik browser dan komputer komputer yang Anda kunjungi situs Anda, yang memungkinkan Anda membuat berbagai meter kunjungan,
- Dengan JavaScript, Anda dapat membuat bahkan game, kartun, dan banyak program menarik dan bermanfaat lainnya.

Apa tujuan dari tutorial ini tentang JavaScript?

Tujuan ini buku JavaScript adalah untuk mengajarimu basis Sintaks JavaScript, perkenalkan pemrograman dan konsep-konsep seperti variabel, tipe data, operasi, operator percabangan, fungsi, siklus, array, objek, dll. Semua ini ditemukan dalam bahasa pemrograman lain, jadi setelah menguasai javascript, Anda akan jauh lebih mudah untuk mempelajari bahasa lain, seperti PHP, C ++ atau Python.

Struktur buku teks Javascript

DI buku teks pada javascript.Topik dan pelajaran berikut akan dipertimbangkan.

JavaScript - memasuki permainan ketika kita perlu membuat beberapa langkah di sisi klien, yang membahas halaman web kami.

Javascript dapat mengubah halaman web tanpa mengakses server, memeriksa nilai-nilai pengguna data yang dimasukkan dan melakukan operasi lain.

Artikel ini berisi informasi dasar yang akan memungkinkan Anda untuk mulai menggunakan JavaScript.

Memasukkan skrip langsung ke kode halaman

Anda dapat memasukkan kode js langsung ke dalam halaman.

Penghapusan kode dalam file terpisah

Dapat diserahkan Kode JavaScript ke file eksternal dan gunakan tautan ke sana pada halaman

Tag penutup dalam hal ini diperlukan.

Skrip terbaik Sisiprrus di depan tag penutup

Variabel.

Nama variabel

Nama variabel dapat dimulai dengan huruf besar atau kecil, garis bawah atau tanda $.

Nama bisa berupa angka, tetapi tidak mungkin untuk memulai nama variabel dengan angka.

Javascript sensitif terhadap register: MyText dan MyText adalah dua variabel berbeda.

Lebih baik digunakan untuk penamaan camelcase, memulai setiap kata dengan nama variabel dengan huruf kapital.

Deklarasikan

Untuk variabel deklarasi dalam JavaScript yang digunakan var..

Var mytext; // undefined mytext \u003d "hai!"; Peringatan (mytext);

Segera setelah mendeklarasikan variabel, nilainya tidak terdefinisi.

Anda dapat menetapkan variabel nilai saat dinyatakan:

Var mytext \u003d "hai!";

Anda juga dapat mendeklarasikan beberapa variabel dalam satu var:

Var Sum \u003d 4 + 5, myText \u003d "Hai!";

Saat menetapkan nilai VAR, Anda dapat menghilangkan, tetapi lebih baik tidak melakukannya.

Jenis variabel

Dalam JavaScript, Anda dapat menggunakan baris:

Var mytext \u003d "Halo!";

seluruh angka:

Var mynumber \u003d 10;

Nomor fraksional:

var pi \u003d 3.14;

Nilai logika:

Var isboolean \u003d false;

Rincian sintaks JavaScript

Komentar

Komentar dalam satu baris dialokasikan "//". Segala sesuatu yang muncul setelah karakter ini dianggap sebagai komentar.

Untuk mengomentari beberapa baris, Anda perlu menggunakan "/ *" untuk menunjuk awal komentar, dan "* /" untuk menunjuk akhir komentar

/ * Di sini dikomentari kode dan itu juga komentar * /

Pemisahan operator

Untuk pemisahan operator, Anda perlu menggunakan ";"

Itu diinginkan, tetapi tidak harus, gunakan celah untuk meningkatkan keterbacaan teks.

Bekerja dengan string.

var str \u003d 4 + 5 + "7"

akan memberikan nilai string " 97 »Dalam str.

Var str2 \u003d "7" + 4 + 5

akan memberikan nilai string " 745 "Di str2.

Faktanya adalah bahwa nilai ketika menambahkan dihitung secara berurutan - dari kiri ke kanan. Ketika ada 2 angka - hasilnya menjadi angka. Ketika string dan angka lipatan, jumlahnya dianggap sebagai string dan kombinasi dua baris.

Terjemahan Baris.

Untuk mentransfer string ke nomor yang digunakan parseint () dan pursefoto ()

Fungsi-fungsi ini menerima dua argumen. Yang pertama adalah string yang akan diterjemahkan ke dalam angka dan yang kedua - dasar dari sistem angka yang akan digunakan untuk menerjemahkan. Untuk mengganggu garis sebagai angka desimal, Anda perlu menggunakan 10 sebagai argumen kedua

Var mynumber \u003d parseint ("345", 10);

Fungsi javascript.

Fungsi dalam JavaScript dinyatakan sebagai berikut:

Fungsi myfunction () (beberapa kode js)

Untuk mengembalikan nilai yang perlu Anda gunakan kembali.:

Fungsi mymultiplication (paramone, paramone * paramtwo)

Anda dapat mendeklarasikan fungsi "anonim" dengan menurunkan nama nama untuk fungsinya.

Fungsi dapat ditransmisikan sebagai parameter ke fungsi lain dengan menentukan namanya.

Objek

Semua dalam JavaScript adalah objek pewaris.

Membuat Fasilitas Baru

Var orang \u003d objek baru (); // membuat objek orang orang.firstname \u003d "Andrew"; // Tambahkan atribut pertama orang.LastName \u003d "Peterson";

Opsi kedua, lebih pendek untuk membuat objek

Var tuanya \u003d (// membuat nama depan objek: "andrew", nama belakang: "peterson", getfullname: fungsi () (kembalikan ini.firstname + "" this.lastname;))

Bekerja dengan sifat objek

var me \u003d objek baru ();

saya ["nama"] \u003d "serg";
saya. \u003d 33;

Array di JavaScript

Membuat array

Var arr \u003d array baru (11, "Halo!", Benar); // membuat array

Cara rekaman baru

Var arr \u003d; // membuat array

Bekerja dengan array di JavaScript

Jumlah elemen dalam array

Var length \u003d arr.anjang; // 3.

Menambahkan elemen ke array - dorong

arr.push ("nilai baru");

Ekstraksi elemen terakhir dari array - pop

var lastvalue \u003d arr.pop ();

Menggabungkan lengan

var arr2 \u003d; var longarray \u003d arr.concat (arr2); // menggabungkan dua arresses arr dan arr2 dalam satu longarray

Gabung - Gabungkan semua elemen array

var longstring \u003d arr.join (":") // "11: Halo!: Benar"

Perbandingan dan fungsi logis dalam JavaScript

Kurang lebih

var istrue \u003d 6\u003e \u003d 5; // lebih atau sama

Persamaan

var isfalse \u003d 1 \u003d\u003d 2; // sama istrue \u003d 1! \u003d 2; // nonavo var alsotrue \u003d "6" \u003d\u003d 6;

Identitas

var notidentical \u003d "3" \u003d\u003d\u003d 3 // false, karena tipe data tidak cocok dengan notalis \u003d "3"! \u003d\u003d 3 // Benar, karena tipe data tidak bertepatan

Jika operator

Jika (5.< 6) { alert("true!"); } else { alert("false!") }

Beralih operator

Var Lunch \u003d Prompt ("Apa yang Anda inginkan untuk makan siang?", "Ketikkan pilihan makan siang Anda di sini"); Beralih (makan siang) (case "sandwich": konsol.log ("hal yang pasti! Satu sandwich, datang."); Istirahat; kasus "sup": konsol.log ("mengerti! Tomat") ; Istirahat; case "salad": konsol.log ("Kedengarannya bagus! Bagaimana dengan salad caesar?"); Istirahat; case "pie": konsol.log ("pie" s not a meal! "); Break; : konsol.log ("Huh! Aku tidak yakin apa" + makan siang + ". Bagaimana sandwich suara?");)

Logis dan - &&

Jika (1 \u003d\u003d 1 && 2 \u003d\u003d 2) (peringatan ("Benar!");)

Logis atau - ||

Jika (1 \u003d\u003d 1 || 2 \u003d\u003d 3) (Peringatan ("Benar!");)

Logis tidak -!

Jika (! (1 \u003d\u003d 1)) (peringatan ("Salah!");)

Siklus

Untuk

untuk (var i \u003d 0; i< 10; i = i + 1) { alert(i); } var names = [ "Sergey", "Andrey", "Petr" ]; for (var i = 0, len = names.length; i < len; i = i + 1) { alert(names[i]); }

Sementara

Sementara (benar) (// siklus peringatan tak terbatas ("Ini tidak akan pernah berhenti!");) Nama var \u003d ["Sergey", "Andrey", "Petr"]; Sedangkan (nama. Panjang\u003e 0) (peringatan (nama [i]);)

Lakukan selagi

Lakukan (waspada ("ini tidak akan pernah berhenti!");) Sementara (benar) (// siklus tak terbatas

String.

Teks \u003d "bla bla bla bla bla bla eric \\ bla bla bla eric bla bla bla bla bla bla eric";

Substring.

Terkadang Anda tidak ingin menampilkan seluruh. String, hanya bagian darinya. Misalnya, di kotak masuk Gmail Anda, Anda dapat mengaturnya untuk menampilkan 50 karakter pertama dari setiap pesan sehingga Anda dapat melihat pratinjau. Pratinjau ini adalah a substring. Dari string asli (seluruh pesan).

"Beberapa kata" .Substring (X, Y) di mana X adalah tempat Anda mulai memotong dan Y adalah tempat Anda selesai memotong string asli.

Bagian angka agak aneh. Untuk memilih "Dia" di "Halo", Anda akan menulis ini: "Halo". substring (0, 2);

Pikirkan kiri setiap karakter, seperti ini: 0-H-1-E-2-L-3-L-4-O-5.

Jika Anda memotong pada 0 dan lagi di 2 Anda dibiarkan dengan hanya dia.

Lebih banyak contoh.:

1. 3 huruf pertama dari "Batman"
"Batman" .Substring (0,3)

2. Dari huruf 4 hingga 6 "laptop"
"Laptop" .Substring (3.6)

• cara memasukkan skrip ke dalam dokumen HTML (informasi umum);
• komentar pada JavaScript;
• cara mendeklarasikan variabel dan memberi mereka nama yang tepat;
• analisis skrip dan sintaks metode;
• metode peringatan ();
• tret Berguna: "Plug" untuk sementara waktu tidak berfungsi

Dari penulis.

Ada banyak seluk-beluk yang berbeda dalam membuat halaman web. Tetapi ada tiga paus. Ini adalah HTML, CSS dan Javascript.

Saya merekomendasikan untuk mengatur pendidikan diri sebagai berikut: Segera setelah Sintaks HTML dan belajar membuat halaman primitif dengan teks, gambar dan tabel, cukup sambungkan ke studi CSS. Segera setelah Anda memahami cara bekerja dengan CSS, mulai menguasai Javascript, sejajar dengan "kosakata" dalam ketiga bahasa. Saya pikir dalam setengah tahun Anda dapat membangun situs yang sangat indah dan fungsional.

Saya tidak tahu cara mendekati Javascript. Ada buku pelajaran atau teori abstrak, teori, dan tidak jelas bagaimana cara melampirkannya ke praktek, atau, sebaliknya, terlalu spesifik: Berikut ini adalah seperangkat resep siap pakai, ambil dan gunakan, dan bagaimana semuanya. ternyata - bukan hal sekarat Anda.

Saya entah bagaimana entah bagaimana buku teks Vadim Dunaeev. Banyak, saya tahu, memarahi tutorial ini. Selain itu, saya mengunduh Frozo PDF yang dipindai, di mana alih-alih "()" bisa, misalnya, "Q", dan huruf Latin dalam kode diganti (tempat!) Rusia serupa, itulah sebabnya kode-kode ini tidak berfungsi. Secara umum, saya harus tertangkap. Dan, jujur, jika saya tidak membaca apa pun tentang Javascript sebelumnya, saya tidak akan mengerti kesalahan ini dan bergabung dengan jumlah kutukan. Tapi kemudian saya duduk tanpa bekerja, sudah waktunya untuk menembus, dan saya menyukai buku teks. Tetapi sangat detail dan dirancang untuk orang-orang yang telah melakukan kontak dengan pemrograman.

Catatan 2012.

Sekarang, setelah beberapa tahun, dan saya memperlakukan buku teks ini tanpa kegembiraan lama. Dia sudah usang, "dipertajam" di bawah IE cukup dangkal; Ada juga kesalahan nyata dan kode kelalaian, dan beberapa hal berguna tidak ditemukan. Tetapi dibandingkan dengan "pemimpin krayframe" itu, yang berlimpah mengeluarkan mesin pencari, itu adalah sesuatu.

Jadi, saya ingin mencoba membunuh dua hares. Tulis sesuatu yang jelas untuk ketel dan pada saat yang sama konstruktif-kognitif. Sehingga ketel ini berdasarkan tips saya bisa menulis biarkan skrip sederhana namun sepenuhnya asli.

Masukkan ke dokumen HTML

Anda mungkin melihat tag tersebut dalam kode HTML:

Abrakadabra ini ada di antara tag dan ada skrip.

Tag sendiri

Atribut ini adalah opsional. Perlu digunakan untuk mengklarifikasi versi bahasa (javascript1.1, javascript1.2, dll.), Atau jika Anda menggunakan bahasa lain (misalnya,

Ketik atribut, yang menunjukkan jenis teks: teks / JavaScript.. Itu muncul dalam versi HTML 4.0. Saya merekomendasikannya untuk menggunakannya.

Sebelum pindah ke atribut src, cari tahu partisi kode HTML mana yang dapat Anda masukkan skrip.

Di mana saja. Tetapi dengan pikiran.

Seringkali skrip menunjukkan penarikan teks tertentu, yang disebut di sini dan sekarang. Script ini dimasukkan langsung ke , "Dalam adegan itu."

Ada skrip dengan iklan variabel yang dapat digunakan dalam skrip lain pada halaman, dengan fungsi yang dapat dipanggil dari situs mana saja dari kode HTML. Skrip semacam itu adalah yang paling masuk akal untuk menempatkan antara tag dan .

Tetapi Anda dapat melakukannya untuk menggunakan skrip segera pada beberapa halaman web. Untuk melakukan ini, kodenya harus direkam dalam file terpisah dengan ekstensi .j. (misalnya, myScript_1.js.). Tag Tidak perlu lagi menulis di dalamnya.

Dan kemudian, untuk memanggil skrip dari halaman web, kita akan memerlukan atribut src. Ini berfungsi serta atribut tag serupa :

Jadi ini ditempatkan pada halaman yang berbeda, topi atau menu yang sama direkam dalam file skrip. Terutama membantu pada hosting itu, di mana SSI tidak lulus.

Anda juga dapat memasukkan skrip kecil ke dalam beberapa atribut tag HTML, tetapi sedikit kemudian.

Terkadang skrip harus ditempatkan pada akhirnya. tubuh. atau bahkan setelah penutupan : Misalnya, jika kita perlu, sebelum mengeksekusi skrip, itu mengeksplorasi semua tautan atau semua gambar dalam dokumen. Tetapi tentang hal itu - juga, kemudian, ketika kita mengetahui mekanisme JavaScript. Anda bisa mengupas.

Komentar

Mereka mengatakan, masih ada browser yang tidak mengerti skrip. Pengguna Meyaki yang cenderung menonaktifkan skrip dengan aman. Dalam situasi ini, skrip tidak akan dieksekusi, tetapi kodenya, "Abrakadabra" yang sama, cukup jatuh di layar.

Jadi, agar tidak jatuh, kami menyimpulkannya dalam komentar HTML.

Mmm ... dan apa dua tebasan ini sebelum menutup komentar?

Komentar penutup sudah ada dalam "tubuh" skrip. Dan JavaScript tidak memahami html cranial ini "braket langit, baginya ini adalah benda asing yang menghasilkan kesalahan. Jadi, Anda perlu menyembunyikan tag penutupan ini dari skrip, menempatkannya sebagai komentar JavaScript. JavaScript terlihat agak anggun: // Setelah skrip tanda itu tidak melihat braket penutupan HTML, dan HTML dengan aman menyembunyikan teks skrip, dan tidak ada catatan "kiri" tidak terlihat di layar.

Karena kami menyentuh komentar, saya harus mengatakan itu dalam javascript, mereka memiliki dua bentuk - sama dengan dalam C dan C ++ (dan dengan cara di CSS juga).

// Formulir komentar ini // berlaku hanya pada satu baris, // itu, pada setiap baris baru // Anda perlu menetapkan tanda komentar. Dan ini adalah kode skrip ... / * Dan formulir komentar ini bertindak sebanyak mungkin baris asalkan tidak memompa ikon penutup, cermin yang mencerminkan inisial. Atau Dan sekarang lagi kode skrip ...

Jangan bingung komentar HTML dan komentar JavaScript! Ini adalah bahasa yang berbeda, meskipun mereka hidup berdampingan "dalam satu botol." Atau, lebih tepatnya, di satu bank. Seperti laba-laba ...

Mari kita kembali ke masalah browser bobrok. Misalkan, dengan javascript, Anda membuat sesuatu dari dua gambar sesuatu seperti spanduk animasi. Maka Anda dapat menyenangkan para pengguna browser "miskin" (dan Anda, saya harap, tidak sepenuhnya tanpa altruisme), penampilan setidaknya satu dari gambar-gambar ini dengan bantuan tag

Editor apa yang menulis skrip

Mungkin ada beberapa editor khusus untuk JavaScript. Saya tidak bertemu siapa pun dan tidak terlihat terlalu banyak. Biasanya skrip ditulis di editor yang sama yang digunakan untuk membuat halaman web. Misalnya, saya suka homests. Menulis naskah di editor ini tidak berbeda dengan menulisnya di notebook sederhana, kecuali untuk penerangan kode. Dan terkadang sangat membantu. Saya mengunduh sekali skrip (pada beberapa Jerman), dan itu tidak berfungsi. Saya melihat kode dan melihat kata kunci itu beralih Untuk beberapa alasan, tidak dialokasikan. Saya melihat - dan tidak ada beralih, tetapi switsch., Donner, Wetter! Saya menghapus beech - dan pergi.

Ngomong-ngomong, dalam semua contoh kami, kode terlihat persis seperti di jendela rumah.

Dari kamar di tambang

Contoh berikut adalah plagiarisme Dunaev. Tapi dia sangat sederhana dan dalam sehingga saya tidak bisa menolak. Saya menambahkan di sini hanya beberapa detail dari desain perekaman untuk dijelaskan secara bersamaan dan mereka.

Segera saya memperingatkan Anda: Hampir contoh ini sama sekali tidak berguna. Tapi itu berkonsentrasi banyak konsep kunci dari bahasa JavaScript dan sintaksnya.

Sebenarnya skrip.

Jika Anda menyalin kode ini ke halaman Net Notepad dan menyimpannya sebagai file.html, maka ketika Anda membuka file, Anda akan melihat yang berikut:

Mari kita bertanya-tanya bagaimana keluar.

var x \u003d 5;

Di sini kita mendeklarasikan variabel X, yang sama dengan 5.

Berhenti! Apakah Anda tahu variabel apa?

Jika tidak, klik ini dan baca penjelasannya.

Bagaimana cara kerja komputer? Semua data disimpan pada disk, dan tempat di mana mereka berbohong harus ditandai untuk menjadi jelas ke mana harus dicari. Setiap program (dan skrip tidak lain adalah program kecil) bekerja dengan beberapa data. Oleh karena itu, lebih mudah untuk segera "mencetak gol" untuk mereka. Tempat ini adalah ini menandai memori Dan variabelnya menjadi. Mengapa "variabel"? Karena area ini dapat diisi dengan nilai yang berbeda. Misalnya, ketika kami bekerja dengan kalkulator, angka dan tindakan dengan mereka yang kami masukkan direkam oleh program dalam variabel yang sesuai. Dan ketika Anda menekan tombol eksekusi, algoritma menggunakan nilai yang kami masukkan.

Dalam kode program, variabel-variabel dilambangkan dengan nama-nama yang kita ciptakan untuk mereka. Untuk membuat nama, ada aturan tertentu yang mungkin berbeda dalam bahasa pemrograman yang berbeda. Pembatasan tersebut yang akan dijelaskan di bawah ini termasuk secara khusus untuk Javascript.

var. - Kata kunci untuk mendeklarasikan variabel (dalam variabel bahasa Inggris).

x. - Nama variabel.

Batasan: Hanya huruf Latin (register apa pun), angka dan simbol simbol dapat digunakan dalam nama variabel. Dalam hal ini, variabelnya tidak boleh dimulai dengan angka. Dan tidak ada celah.

Nama variabel yang tepat:

Nama variabel salah:

Bahasa Javascript sensitif terhadap register.

myvar., Myvar. dan myvar. - Variabel yang berbeda.

(Ngomong-ngomong, tentang register. Nama bahasa itu sendiri ditulis dengan J dan S besar: Javascript. Ada kesalahpahaman bahwa ini adalah bagaimana perlu untuk menulis kata ini dalam tag HTML. Tetapi HTML tidak peka terhadap Daftar, sehingga Anda dapat menulis, sesukaku. Saya sudah terbiasa dengan sedikit, seperti homite favorit saya, seseorang - besar.)

Dalam skrip ini, variabel segera ketika mendeklarasikan ditugaskan nilai. Itu tidak wajib. Nilai dapat ditugaskan nanti. Di akhir baris adalah titik dengan koma. Ini dalam hal ini juga tidak perlu. Tetapi dalam skrip besar dan kompleks kadang-kadang penting, jadi saya menunjukkan entri terperinci lengkap. Dunaev memiliki string ini saja x \u003d 5., pengumuman eksplisit var. Ini juga tidak perlu di sini. Tetapi (IMHO) masih lebih disukai.

Di baris berikutnya, seperti yang sudah Anda tebak, variabel dinyatakan y.. Dia diberi arti yang sudah diumumkan x., 3 lebih dari x..

Dan kemudian metode disebut peringatan ().

Metode ini menampilkan kotak dialog dengan pesan yang ditentukan dalam tanda kurung. Ini adalah sintaks dari semua metode JavaScript: nama metode dan tanda kurung dengan isinya.

Isi metode ini adalah nilai variabel y, dan di kotak dialog kita akan melihat delapan. Mengerti mengapa?

Sepele yang berguna

Karena kami bertemu dengan metode ini peringatan (), kemudian di sini adalah aplikasi yang sederhana dan berguna: kadang-kadang beberapa halaman situs belum dibuat, dan tautan sudah disiapkan. Tidak menyenangkan untuk sampai ke "halaman 404". Juga tidak terlalu menyenangkan untuk menunggu sampai boot, dan kemudian cari tahu bahwa bagian dalam pengembangan. Saya selalu mengerem tautan seperti berikut:

"Javascript: Alert (" halaman dalam pengembangan ");"\u003e Item menu

By the way, berikut adalah cara lain untuk mengimplementasikan kode javascript menjadi kode HTML. Di sini dimasukkan ke atribut href. Referensi tag dan diperkenalkan melalui kata kunci " javascript:"(Dengan ruang usus dan selanjutnya: selalu memperhatikan trivia sintaksis). Perhatikan kutipan ganda tradisional dari nilai atribut HTML dan kutipan tunggal "bersarang" dalam teks skrip itu sendiri.

Segera kami akan belajar tentang atribut "acara" khusus dari tag HTML, misalnya, onclick.yang dirancang khusus untuk memperkenalkan kode javascript dan tidak memerlukan kata kunci.

Jadi, kami belajar:

cara mendeklarasikan skrip dalam dokumen HTML, formulir mana yang memiliki komentar JavaScript, cara mendeklarasikan variabel dan memberi mereka nama yang benar, serta sintaks metode dan secara khusus metode peringatan ().

Dan juga belajar: