Pengantar JS:
JavaScript adalah bahasa pemrograman yang dapat membuat halaman web Anda lebih hidup, dan itu juga merupakan bahasa termudah dan paling nyaman dalam desain halaman web.
Anda dapat dengan mudah menggunakan JavaScript untuk membuat pesan sambutan yang ramah, jam digital yang indah, lentera tenda iklan dan pemilihan sederhana, dan juga menampilkan waktu browser tetap. Biarkan efek khusus ini meningkatkan obsesi halaman web.
JavaScript sekarang dapat melakukan banyak hal di halaman web, termasuk efek khusus web, dom operasi, game HTML5 (berdasarkan kombinasi HTML5 dan JavaScript), animasi dan efek khusus lainnya, dan juga dapat menarik data di belakang panggung (melalui Ajax), yang tidak hanya dapat digunakan sebagai meja depan tetapi juga sebagai bagian belakang panggung.
Misalnya, node.js, dll., Dan beberapa mesin desktop node-webkit dapat membuat javascript ke dalam aplikasi desktop. Misalnya, di Unity3D, Anda dapat menggunakan JavaScript untuk menulis game (sintaks, fitur, dll. Dari JavaScript yang digunakan oleh Unity3D)
Fitur bahasa JavaScript:
1). JavaScript terutama digunakan untuk menambahkan perilaku interaktif ke halaman HTML.
2). JavaScript adalah bahasa skrip dengan sintaks yang sama dengan Java.
3). Javascript umumnya digunakan untuk menulis skrip klien.
4). JavaScript adalah bahasa yang ditafsirkan yang menjelaskan saat mengeksekusi.
Poin Pengetahuan JavaScript Penjelasan:
1. Operator
Operator adalah serangkaian simbol yang menyelesaikan operasi. Mereka memiliki tujuh kategori: operator penugasan, operator aritmatika, operator perbandingan, operator logis, operasi bersyarat, operator operasi bit dan operator string.
2. Ekspresi
Kombinasi operator dan operan disebut ekspresi, yang biasanya dibagi menjadi empat kategori: ekspresi penugasan, ekspresi aritmatika, ekspresi boolean dan ekspresi string.
3. Kalimat
Program JavaScript terdiri dari beberapa pernyataan, dan pernyataan tersebut merupakan arahan untuk menulis program. JavaScript memberikan pernyataan pemrograman dasar yang lengkap, yaitu: jika ~ lain, pernyataan penugasan, pernyataan pemilihan sakelar, sementara pernyataan loop, untuk pernyataan loop, lakukan saat pernyataan loop, pernyataan abort loop break dan lanjutkan pernyataan interupsi loop.
Catatan: Saat menilai, hanya hasil ini yang salah: yaitu.
Jika objek logis tidak memiliki nilai awal atau nilainya adalah 0, -0, nol, "", false, tidak terdefinisi, atau NAN, maka nilai objeknya salah. Kalau tidak, nilainya benar (bahkan ketika argumennya adalah string "false")!
4. Fungsi
Fungsi dinamai segmen pernyataan, yang dapat dirujuk dan dieksekusi secara keseluruhan. Poin -poin berikut harus diperhatikan saat menggunakan fungsi:
1) fungsi didefinisikan oleh fungsi kata kunci;
2) fungsi harus didefinisikan terlebih dahulu dan kemudian digunakan, jika tidak kesalahan akan terjadi;
3) Nama fungsi adalah nama yang dirujuk saat memanggil fungsi. Ini adalah kasus sensitif dan nama fungsi tidak dapat ditulis secara tidak benar saat memanggil fungsi;
4) Parameter mewakili nilai yang diteruskan ke fungsi untuk digunakan atau operasi. Ini bisa konstan atau variabel;
5) Pernyataan pengembalian digunakan untuk mengembalikan nilai ekspresi, atau dapat dibiarkan tanpa itu.
5. Objek
Fungsi penting dari JavaScript adalah fungsi berbasis objek. Melalui pemrograman berbasis objek, pengembangan program dapat dilakukan dengan cara yang lebih intuitif, modular, dan dapat digunakan kembali. Satu set atribut yang berisi data dan metode yang beroperasi pada data yang terkandung dalam atribut disebut objek. Misalnya, jika Anda ingin mengatur warna latar belakang halaman web, objek yang Anda targetkan adalah dokumen, dan nama atribut yang digunakan adalah bgcolor, seperti document.bgcolor = "biru", yang berarti warna latar belakang berwarna biru.
6. Acara
Tindakan yang dihasilkan ketika pengguna berinteraksi dengan halaman web disebut acara. Sebagian besar hal disebabkan oleh tindakan pengguna, seperti: jika pengguna menekan tombol mouse, acara OnClick akan dihasilkan, dan jika pointer mouse bergerak pada tautan, acara Onmouseover akan dihasilkan, dll. Dalam JavaScript, acara sering digunakan bersamaan dengan penangan acara.
7. Variabel
Misalnya, var myvariable = "beberapa nilai";
Kasus klasik:
Lotere JS
Poin Pengetahuan Termasuk: Penggunaan timer, penggunaan metode objek dokumen, penggunaan array JS, penggunaan objek bawaan, penggunaan fungsi sistem JS, dan acara pendaftaran.
<! Doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8"/</</title content = "Text/html; charset = UTF-8"/</</type content = "Text/html; charset = UTF-8"/</title </title> TEXT/TEXT " "a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z" var alldataarr = alldata.split (","); var num = allDataArr.length - 1; var timer; function start () {clearInterval (timer); h timer = setInterval ('ubah ()', 10); } function change () {document.geteLementById ("oknum"). innerHtml = allDataArr [getRnd (0, num)]; } function getRnd (min, max) {return parseInt (math.random () * (maks - min + 1)); } function ok () {clearInterval (timer); document.geteLementById ("showResult"). value = document.geteLementById ("oknum"). Innertext; } </script> </head> <body> <Div id = "Oknum" name = "Oknum"> Silakan klik Mulai </div> <tombol OnClick = "Start ()" AccessKey = "S"> Mulai </tombol> <!-/// Atribut AccessKey menentukan kunci shortcut untuk mengaktifkan (membuat elemen fokus) elemen. -> <tombol onClick = "ok ()" accessKey = "o"> hentikan </button> pilihan Anda adalah: <input type = "text" id = "showResult" value = ""/> </body> </htmlMengganti gambar latar belakang
Poin Pengetahuan Termasuk: Penggunaan Timer, Penggunaan Metode Objek Dokumen
<script type = "text/javascript"> window.onload = function () {setInterval (langkah, 1000); } var num = 1; function step () {if (num <5) {num ++; } else {num = 1; } var dom = document.getElementById ("imgid"); // Ubah gambarnya SRC Atribut dom.src = 'Images/' + num + '.jpg'; } </script> </head> <body> <img src = "gambar/1.jpg" id = "imgid"/> </body> </html>Marquee:
Termasuk Poin Pengetahuan: Penggunaan Timer, Penggunaan Metode Objek Dokumen, Penggunaan Fungsi Sistem, Penggunaan Acara Mouse, Penggunaan Operasi Node, Pernyataan Loop, dan Pernyataan Penilaian
<skrip src = "js/jQuery-1..8.3.min.js"> </script> <script type = "text/javascript"> (function ($) {$ .fn.extend ({rolltitle: function.poLTHLEC; _THIS.FIND ("Li: First"). Height (); ParseInt (opt.Timespan, 13): 5000; (i = 1; i <= _this.line; i ++) {_this.find ("li: first"). appendTo (_this); _this.timer = setInterval (function () {_this.scrollup ();}, _This.TimesPan); biru; lebar: 100px; " > <Li style = "Color: Red"> I love you </li> <li style = "color: pink"> I love you </li> <li style = "color: blue"> I love you </li> <li style = "color: green"> I love you </li> <Li style = "color: yellygreen"> I love you </li> </li> <Li style = "color: oNDUTGREEN"> Aku mencintaimu </li> </li> <li> value = "marionette"> <script type = "text/javascript"> function test () {$ ("#runtopic"). find ("li: first"). appendTo ($ ("#runtopic")); } </script> </body> </html>Ini adalah akhir dari pemahaman JavaScript. Akan ada kasus tentang JS di masa depan. Semoga ini bisa membantu semua orang! Lai Lai
Pemahaman JavaScript di atas dan analisis kasus klasik 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.