Adityads Blogs
13:19
0
Ini adalah interpretasi bahasa pemrograman dengan kemampuan berorientasi objek.JavaScript pertama kali dikenal sebagai LiveScript, tetapi Netscape mengubah namanya menjadi JavaScript, mungkin karena kegembiraan yang dihasilkan oleh Java.
JavaScript membuat penampilan pertamanya di Netscape 2.0 pada tahun 1995 dengan nama LiveScript. NS inti bahasa untuk tujuan umum telah tertanam di Netscape, Internet Explorer, dan browser web lainnya.
Spesifikasi ECMA-262 mendefinisikan versi standar dari inti bahasa JavaScript:
- JavaScript adalah bahasa pemrograman yang ringan dan mudah ditafsirkan.
- Dirancang untuk membuat aplikasi yang berpusat pada jaringan.
- Pelengkap dan terintegrasi dengan HTML.
- Komplementer dan terintegrasi dengan Java.
- Terbuka untuk lintas platform.
Client-side JavaScript
Mekanisme Client-side JavaScript memberikan banyak keuntungan dibandingkan CGI tradisional skrip sisi server. Misalnya, Anda mungkin menggunakan JavaScript untuk memeriksa apakah pengguna memiliki memasukkan alamat email yang valid di bidang formulir.
Kode JavaScript dijalankan ketika pengguna mengirimkan formulir, dan hanya jika semua entri valid, mereka akan dikirimkan ke Server Web.JavaScript dapat digunakan untuk melakukan momen peristiwa yang dimulai pengguna seperti klik tombol, tautan navigasi, dan tindakan lain yang dimulai pengguna secara eksplisit atau implisit.
Keuntungan JavaScript
- Less server interaction : Anda dapat memvalidasi input pengguna sebelum mengirim halaman pergi ke server. Ini menghemat lalu lintas server, yang berarti lebih sedikit beban pada server anda.
- Immediate feedback to the visitors : Mereka tidak perlu menunggu halaman reload untuk melihat apakah mereka lupa memasukkan sesuatu.
- Increased interactivity : Anda dapat membuat antarmuka yang bereaksi ketika pengguna melakukan sesuatu di atasnya dengan mouse atau mengaktifkannya melalui keyboard.
- Richer interfaces : Anda dapat menggunakan JavaScript untuk memasukkan item seperti drag-and-drop komponen dan bilah geser untuk memberikan Antarmuka yang Kaya kepada pengunjung situs Anda.
Alat pengembangan JavaScript
Salah satu kekuatan utama JavaScript adalah tidak memerlukan biaya yang mahal untuk alat pengembangan. Anda dapat memulai dengan editor teks sederhana seperti Notepad. Karena ini adalah bahasa yang ditafsirkan di dalam konteks browser web, Anda bahkan tidak perlu untuk membeli kompiler.Untuk membuat hidup kita lebih sederhana, berbagai vendor telah datang dengan JavaScript yang sangat bagus untuk alat pengeditan. Beberapa di antaranya tercantum di sini:
- Microsoft FrontPag : Microsoft telah mengembangkan editor HTML populer yang disebut FrontPage. FrontPage juga menyediakan pengembang web dengan sejumlah Alat JavaScript untuk membantu dalam pembuatan situs web interaktif.
- Macromedia Dreamweaver MX : Macromedia Dreamweaver MX adalah aplikasi editor HTML dan JavaScriptb yang sangat populer dalam pengembangan web profesional kerumunan. Ini menyediakan beberapa komponen JavaScript prebuilt yang praktis, terintegrasi baik dengan database, dan sesuai dengan standar baru seperti XHTML dan XML.
- Macromedia HomeSite 5 : HomeSite 5 adalah HTML dan JavaScript yang sangat disukai editor dari Macromedia yang dapat digunakan untuk mengelola situs web pribadi secara efektif.
Dasar belajar JavaScript
<script type="textjavascript">
// Kode JavaScript anda ada di sini
</script>
Dengan melakukan input seperti di atas dalam struktur HTML, browser dapat mengidentifikasi dan mengeksekusi kode dengan benar sesuai yang anda targetkan.
Panggilan file eksternal
<script src="myscript.js">
</script>
Dalam script di atas anda juga bisa memasukan komentar ,tujuanya agar supaya lebih mudah mengingat. Komentar sangat penting karena membantu orang lain memahami apa yang terjadi dalam kode Anda atau mengingatkan Anda jika Anda sendiri lupa sesuatu.
Ingatlah bahwa mereka harus ditandai dengan benar sehingga browser tidak akan mencoba menjalankannya.nDalam JavaScript Anda memiliki dua opsi berbeda:
- Komentar satu baris — Untuk menyertakan komentar yang terbatas pada satu baris, awali dengan //
- Komentar multi-baris - Jika Anda ingin menulis komentar yang lebih panjang di antara beberapa baris, bungkuslah /* dan */ agar tidak dieksekusi.
Variabel dalam JavaScript
- Var Merupakan variabel yang paling umum. Itu dapat ditugaskan kembali tetapi hanya diakses dalam suatu fungsi. Variabel didefinisikan dengan Var pindah ke atas saat kode dieksekusi.
- Const Tidak dapat dipindahkan dan tidak dapat diakses sebelum muncul di dalam kode.
- Let Mirip dengan Const, Let variabel dapat dipindahkan tetapi tidak dideklarasikan ulang.
Tipe data
- Angka - Var age = 23
- Variabel - Var x
- Teks atau string - Var a = "init"
- Operasi - Var b = 1 + 2 + 3
- Angka konstan - Conts PI = 3.14
- Pernyataan benar atau salah - var C = true
- Objek - var name = {firstName:"joni", lastName:"jono"}
Ada lebih banyak kemungkinan. Perhatikan bahwa variabel sangat peka dan sensitif huruf besar-kecil itu mempengaruhi. Itu berarti namajono dan namaJono ditangani sebagai dua variabel yang berbeda.
Objek
var person = {
firstName:"Joni",
lastName:"Jono",
umur:20,
kebangsaan:"Uganda"
};
Array
var buah = ["Pisang", "Apel", "Pear"];
Sekarang Anda memiliki array bernama buah yang berisi tiga item yang dapat Anda gunakan untuk operasi di masa mendatang.
Methods Array
Setelah Anda membuat array, ada beberapa hal yang dapat Anda lakukan dengannya:- concat() — Bergabunglah dengan beberapa array menjadi satu
- indexOf() — Mengembalikan posisi pertama di mana elemen tertentu muncul dalam array
- join() — Gabungkan elemen array menjadi satu string dan kembalikan string
- lastIndexOf() — Memberikan posisi terakhir di mana elemen tertentu muncul dalam array
- pop() — Menghapus elemen terakhir dari array
- push() — Tambahkan elemen baru di akhir
- reverse() — Urutkan elemen dalam urutan menurun
- shift() — Hapus elemen pertama dari array
- slice() — Menarik salinan sebagian array ke dalam array baru
- sort() — Mengurutkan elemen berdasarkan abjad
- splice() — Menambahkan elemen dengan cara dan posisi tertentu
- toString() — Mengonversi elemen menjadi string
- unshift() —Menambahkan elemen baru ke awal
- valueOf() — Mengembalikan nilai primitif dari objek yang ditentukan
Operator
Operator dasar
- + Tambahan
- - Pengurangan
- * Perkalian
- / Divisi
- (...) Operator pengelompokan, operasi dalam tanda kurung dieksekusi lebih awal daripada yang di luar
- % Modulus (sisa)
- ++ Jumlah kenaikan
- -- Mengurangi angka
Opetator Perbandingan
- == Sama dengan
- === Nilai yang sama dan jenis yang sama
- != Tidak sama
- !== Tidak sama nilainya atau tidak sama jenisnya
- > Lebih besar dari
- < Kurang dari
- >= Lebih dari atau sama dengan
- <= Kurang dari atau sama dengan
- ? Operator Terner
Operator Logika
- && Logis dan
- || Logis atau
- ! Logis tidak
Operator Bitwise
- & DAN pernyataan
- | ATAU pernyataan
- ~ BUKAN
- ^ XOR
- << Pergeseran kiri
- >> Pergeseran kanan
- >>> Nol mengisi shift kanan
Fungsi
nama fungsi(parameter1, parameter2, parameter3) {
// apa fungsinya
}
Seperti yang Anda lihat, itu terdiri dari
Anda dapat membuatnya sendiri, tetapi untuk membuat hidup Anda lebih mudah – ada juga sejumlah fungsi default.
Outputting Data
Aplikasi umum untuk fungsi adalah keluaran data. Untuk output, Anda memiliki opsi berikut:- alert () Keluarkan data dalam kotak peringatan di jendela browser
- confirm() Membuka dialog ya/tidak dan mengembalikan true/false tergantung pada klik pengguna
- !
- console.log() Menulis informasi ke konsol browser, bagus untuk keperluan debugging
- document.write Tulis langsung ke dokumen HTML
- prompt() Membuat dialog untuk input pengguna
Fungsi Global
Fungsi global adalah fungsi yang dibangun ke dalam setiap browser yang mampu menjalankan JavaScript.- decodeURI() Mendekode Uniform Resource Identifier (URI) yang dibuat oleh encodeURI atau serupa
- decodeURIComponent() Mendekode komponen URI
- encodeURI() Mengkodekan URI ke dalam UTF-8
- encodeURIComponent() Mendekode komponen URI
- eval() Mengevaluasi kode JavaScript yang direpresentasikan sebagai string
- isFinite() Menentukan apakah nilai yang diteruskan adalah bilangan berhingga
- isNaN() Menentukan apakah suatu nilai adalah NaN atau tidak
- Number() Mengembalikan angka yang dikonversi dari argumennya
- parseFloat() Mem-parsing argumen dan mengembalikan angka floating-point
- parseInt() Mem-parsing argumennya dan mengembalikan bilangan bulat
Loop JavaScript
- for Cara paling umum untuk membuat loop dalam JavaScript
- while Mengatur kondisi di mana loop dijalankan
- do while Mirip dengan while loop tetapi dijalankan setidaknya sekali dan melakukan pemeriksaan di akhir untuk melihat apakah kondisi terpenuhi untuk dieksekusi lagi
- alert break Digunakan untuk menghentikan dan keluar dari siklus pada kondisi tertentu
- alert continue Lewati bagian dari siklus jika kondisi tertentu terpenuhi
If-Else statements
if (condition) {
// apa yang harus dilakukan jika kondisi terpenuhi
} else {
// apa yang harus dilakukan jika kondisi tidak terpenuhi
}
Konsep yang mirip dengan if elsea dalah switch pernyataan. Namun, dengan menggunakan sakelar, Anda memilih salah satu dari beberapa blok kode untuk dieksekusi.
String
Var person ="melon" ;
Escape Characters
- \' kutipan tunggal
- \" Kutipan ganda
- \\ — Garis miring terbalik
- \b - Menghapus
- \f — Umpan formulir
- \n - Garis baru
- \r - Kereta kembali
- \t — Tabulator horisontal
- \v — Tabulator vertikal
String Methods
- charAt() Mengembalikan karakter pada posisi tertentu di dalam string
- charCodeAt() Memberi Anda Unicode karakter pada posisi itu
- concat() Menggabungkan (menggabungkan) dua atau lebih string menjadi satu
- fromCharCode() Mengembalikan string yang dibuat dari urutan unit kode UTF-16 yang ditentukan
- indexOf() Memberikan posisi kemunculan pertama dari teks yang ditentukan dalam string
- lastIndexOf() Sama seperti indexOf()tetapi dengan kejadian terakhir, mencari ke belakang
- match() Mengambil kecocokan string dengan pola pencarian
- replace() Temukan dan ganti teks yang ditentukan dalam sebuah string
- search() Menjalankan pencarian untuk teks yang cocok dan mengembalikan posisinya
- slice() Mengekstrak bagian string dan mengembalikannya sebagai string baru
- split() Membagi objek string menjadi array string pada posisi tertentu
- substr() Mirip dengan slice()tetapi mengekstrak substring tergantung pada jumlah karakter tertentu
- substring() Juga mirip dengan slice()tetapi tidak dapat menerima indeks negatif
- toLowerCase() Ubah string menjadi huruf kecil
- toUpperCase() Ubah string menjadi huruf besar
- valueOf() Mengembalikan nilai primitif (yang tidak memiliki properti atau metode) dari objek string
Reguler Expression Syntax
Pattern Modiffiers
- e — Evaluasi penggantian
- i — Lakukan pencocokan case-insensitive
- g — Lakukan pencocokan global
- s — Perlakukan string sebagai satu baris
- x — Izinkan komentar dan spasi dalam pola
- U — Pola tidak serakah
Brackets
- [abc] — Temukan salah satu karakter di
- [^abc] — Temukan karakter apa pun yang
- [0-9] — Digunakan untuk menemukan digit apa pun dari 0 hingga 9
- [A-z] — Temukan karakter apa pun dari huruf besar A hingga huruf kecil z
- (a|b|c) — Temukan salah satu alternatif yang dipisahkan dengan |
Metacharacters
- . — Temukan satu karakter, kecuali baris baru atau terminator baris
- \w — Karakter kata
- \W — Karakter non-kata
- \d — Sebuah angka
- \D — Karakter non-digit
- \s — Karakter spasi putih
- \S — Karakter non-spasi
- \b — Temukan kecocokan di awal/akhir kata
- \B — Kecocokan bukan di awal/akhir kata
- \0 — karakter NUL
- \n — Karakter baris baru
- \f — Bentuk karakter umpan
- \r — Karakter carriage return
- \t — Karakter tab
- \v — Karakter tab vertikal
- \xxx — Karakter yang ditentukan oleh angka oktal xxx
- \xdd — Karakter yang ditentukan oleh angka heksadesimal dd
- \uxxxx — Karakter Unicode yang ditentukan oleh angka heksadesimal XXXX
Quantifier
- n+ — Mencocokkan string apa pun yang berisi setidaknya satu n
- n* — Setiap string yang berisi nol atau lebih kemunculan n
- n? — Sebuah string yang berisi nol atau satu kemunculan n
- n{X} — String yang berisi urutan X n's
- n{X,Y} — String yang berisi urutan X ke Y n's
- n{X,} — Mencocokkan string apa pun yang berisi urutan setidaknya X n's
- n$ — String apa pun dengan n di ujungnya
- ^n — String dengan n di awal itu
- ?=n — Setiap string yang diikuti oleh string tertentu n
- ?!n — String yang tidak diikuti oleh string tertentu ni
Angka dan Matematika
Properti nomor
- MAX_VALUE — Nilai numerik maksimum yang dapat diwakili dalam JavaScript
- MIN_VALUE — Nilai numerik positif terkecil yang dapat diwakili dalam JavaScript
- NaN — Nilai “Not-a-Number”
- NEGATIVE_INFINITY — Nilai Infinity negatif
- POSITIVE_INFINITY — Nilai tak terhingga positif
Metode angka
- toExponential() — Mengembalikan string dengan angka bulat yang ditulis sebagai notasi eksponensial
- toFixed() — Mengembalikan string angka dengan jumlah desimal yang ditentukan
- toPrecision() — String angka yang ditulis dengan panjang tertentu
- toString() — Mengembalikan angka sebagai string
- valueOf() — Mengembalikan angka sebagai angka
Properti Matematika
- E — Bilangan Euler
- LN2 — Logaritma natural dari 2
- LN10 — Logaritma natural 10
- LOG2E — Logaritma basis 2 dari E
- LOG10E — Logaritma basis 10 dari E
- PI — Nomor PI
- SQRT1_2 — Akar kuadrat dari 1/2
- SQRT2 — Akar kuadrat dari 2
Metode Matematika
- abs(x) — Mengembalikan nilai absolut (positif) dari x
- acos(x) — Arccosinus dari x, dalam radian
- asin(x) — Arcsine of x, in radians
- atan2(y,x) — Arctangent dari hasil bagi argumennya
- ceil(x) — Nilai x dibulatkan ke atas ke bilangan bulat terdekat
- cos(x) — Kosinus dari x (x dalam radian)
- exp(x)— Nilai E X
- floor(x) — Nilai x dibulatkan ke bawah ke bilangan bulat terdekat
- log(x) — Logaritma natural (basis E) dari x
- max(x,y,z,...,n) — Mengembalikan angka dengan nilai tertinggi
- min(x,y,z,...,n) — Sama untuk angka dengan nilai terendah
- pow(x,y) — X pangkat y
- random() — Mengembalikan angka acak antara 0 dan 1
- round(x) — Nilai x dibulatkan ke bilangan bulat terdekat
- sin(x) — Sinus dari x (x dalam radian)
- sqrt(x) — Akar kuadrat dari x
- tan(x) — Garis singgung suatu sudut
Berurusan dengan tanggal di JavaScript
Mengatur tanggal
- Date() — Membuat objek tanggal baru dengan tanggal dan waktu saat ini
- Date(2017, 5, 21, 3, 23, 10, 0)— Buat objek tanggal kustom. Angka-angka mewakili tahun, bulan, hari, jam, menit, detik, milidetik. Anda dapat menghilangkan apa pun yang Anda inginkan kecuali satu tahun dan satu bulan
- Date("2017-06-23") — Deklarasi tanggal sebagai string
Memperoleh nilai tanggal dan waktu
- getDate() — Dapatkan hari dalam sebulan sebagai angka (1-31)
- getDay() — Hari kerja sebagai angka (0-6)
- getFullYear() — Tahun sebagai angka empat digit (yyyy)
- getHours() — Dapatkan jam (0-23)
- getMilliseconds() — Milidetik (0-999)
- getMinutes() — Dapatkan menit (0-59)
- getMonth() — Bulan sebagai angka (0-11)
- getSeconds() — Dapatkan yang kedua (0-59)
- getTime() — Dapatkan milidetik sejak 1 Januari 1970
- getUTCDate() — Hari (tanggal) bulan pada tanggal yang ditentukan menurut waktu universal (juga tersedia untuk hari, bulan, tahun penuh, jam, menit, dll.)
- parse — Mem-parsing representasi string dari tanggal dan mengembalikan jumlah milidetik sejak 1 Januari 1970
Tetapkan bagian dari tanggal
- setDate() — Tetapkan hari sebagai angka (1-31)
- setFullYear() — Mengatur tahun (opsional bulan dan hari)
- setHours() — Atur jam (0-23)
- setMilliseconds() — Atur milidetik (0-999)
- setMinutes() — Mengatur menit (0-59)
- setMonth() — Atur bulan (0-11)
- setSeconds() — Mengatur detik (0-59)
- setTime() — Atur waktu (milidetik sejak 1 Januari 1970)
- setUTCDate() — Mengatur hari dalam sebulan untuk tanggal yang ditentukan menurut waktu universal (juga tersedia untuk hari, bulan, tahun penuh, jam, menit, dll.)
Mode Dom
Properti node
- attributes — Mengembalikan koleksi langsung dari semua atribut yang terdaftar ke elemen
- baseURI — Menyediakan URL dasar absolut dari elemen HTML
- childNodes — Memberikan kumpulan simpul anak elemen
- firstChild — Mengembalikan simpul anak pertama dari suatu elemen
- lastChild — Node anak terakhir dari suatu elemen
- nextSibling — Memberi Anda simpul berikutnya pada tingkat pohon simpul yang sama
- nodeName —Mengembalikan nama node
- nodeType — Mengembalikan tipe simpul
- nodeValue — Menetapkan atau mengembalikan nilai sebuah simpul
- ownerDocument — Objek dokumen tingkat atas untuk simpul ini
- parentNode — Mengembalikan simpul induk dari suatu elemen
- textContent — Menetapkan atau mengembalikan konten tekstual dari sebuah simpul dan turunannya
Metode node
- appendChild() — Menambahkan simpul anak baru ke elemen sebagai simpul anak terakhir
- cloneNode() — Mengkloning elemen HTML
- compareDocumentPosition() — Membandingkan posisi dokumen dari dua elemen
- compareDocumentPosition() — Membandingkan posisi dokumen dari dua elemen
- getFeature() — Mengembalikan objek yang mengimplementasikan API dari fitur tertentu
- hasAttributes() — Mengembalikan nilai true jika suatu elemen memiliki atribut apa pun, jika tidak salah
- hasChildNodes() — Mengembalikan nilai true jika suatu elemen memiliki node anak, jika tidak salah
- insertBefore() — Menyisipkan simpul anak baru sebelum simpul anak tertentu yang sudah ada
- isDefaultNamespace() — Mengembalikan nilai true jika namespaceURI yang ditentukan adalah default, jika tidak salah
- isEqualNode() — Memeriksa apakah dua elemen sama
- isSupported() — Mengembalikan nilai true jika fitur tertentu didukung pada elemen
- isSameNode() — Memeriksa apakah dua elemen adalah simpul yang sama
- isSupported() — Mengembalikan nilai true jika fitur tertentu didukung pada elemen
- lookupNamespaceURI() — Mengembalikan URI namespace yang terkait dengan node tertentu
- lookupPrefix() — Mengembalikan DOMString yang berisi awalan untuk URI namespace yang diberikan jika ada
- normalize() — Menggabungkan simpul teks yang berdekatan dan menghapus simpul teks kosong dalam sebuah elemen
- removeChild() — Menghapus simpul anak dari sebuah elemen
- replaceChild() — Menggantikan simpul anak dalam sebuah elemen
Metode Elemen
- getAttribute() — Mengembalikan nilai atribut yang ditentukan dari simpul elemen
- getAttributeNS() — Mengembalikan nilai string atribut dengan namespace dan name yang ditentukan
- getAttributeNode() — Mendapatkan node atribut yang ditentukan
- getAttributeNodeNS() — Mengembalikan node atribut untuk atribut dengan namespace dan name yang diberikan
- getElementsByTagName() — Menyediakan koleksi semua elemen anak dengan nama tag yang ditentukan
- getElementsByTagNameNS() — Mengembalikan HTMLCollection langsung dari elemen dengan nama tag tertentu milik namespace yang diberikan
- hasAttribute() — Mengembalikan nilai true jika suatu elemen memiliki atribut apa pun, jika tidak salah
- hasAttributeNS() — Memberikan nilai benar/salah yang menunjukkan apakah elemen saat ini dalam namespace tertentu memiliki atribut yang ditentukan
- removeAttribute() — Menghapus atribut tertentu dari elemen
- removeAttributeNS() — Menghapus atribut yang ditentukan dari elemen dalam namespace tertentu
- removeAttributeNode() — Mengambil node atribut yang ditentukan dan mengembalikan node yang dihapus
- setAttribute() — Menetapkan atau mengubah atribut yang ditentukan ke nilai yang ditentukan
- setAttributeNS() — Menambahkan atribut baru atau mengubah nilai atribut dengan namespace dan nama yang diberikan
- setAttributeNode() — Menetapkan atau mengubah simpul atribut yang ditentukan
- setAttributeNodeNS() — Menambahkan node atribut namespaced baru ke elemen
Bekerja dengan browser
Properti Windows
- closed — Memeriksa apakah jendela telah ditutup atau tidak dan mengembalikan nilai true atau false
- defaultStatus — Mengatur atau mengembalikan teks default di bilah status jendela
- document — Mengembalikan objek dokumen untuk jendela
- frames— Mengembalikan semua <iframe> elemen di jendela saat ini
- history — Menyediakan objek History untuk jendela
- innerHeight — Ketinggian bagian dalam dari area konten jendela
- innerWidth — Lebar bagian dalam area konten
- length— Cari tahu jumlah <iframe> elemen di jendela
- location — Mengembalikan objek lokasi untuk jendela
- name — Mengatur atau mengembalikan nama jendela
- navigator — Mengembalikan objek Navigator untuk jendela
- opener — Mengembalikan referensi ke jendela yang membuat jendela
- outerHeight — Ketinggian luar jendela, termasuk bilah alat/bilah gulir
- outerWidth — Lebar luar jendela, termasuk bilah alat/bilah gulir
- pageXOffset — Jumlah piksel dokumen saat ini telah digulir secara horizontal
- pageYOffset — Jumlah piksel dokumen telah digulir secara vertikal
- parent — Jendela induk dari jendela saat ini
- screen — Mengembalikan objek Layar untuk jendela
- screenLeft — Koordinat horizontal jendela (relatif terhadap layar)
- screenTop — Koordinat vertikal jendela
- screenX— Sama seperti screenLefttetapi diperlukan untuk beberapa browser
- screenY— Sama seperti screenToptetapi diperlukan untuk beberapa browser
- self — Mengembalikan jendela saat ini
- status — Mengatur atau mengembalikan teks di bilah status jendela
- top — Mengembalikan jendela browser paling atas
Metode Windows
- alert() — Menampilkan kotak peringatan dengan pesan dan tombol OK
- blur() — Menghapus fokus dari jendela saat ini
- clearInterval() — Menghapus pengatur waktu yang disetel dengan setInterval()
- clearTimeout() — Menghapus pengatur waktu yang disetel dengan setTimeout()
- close() — Menutup jendela saat ini
- confirm()- Menampilkan kotak dialog dengan pesan dan OK dan Cancel tombol
- focus() — Mengatur fokus ke jendela saat ini
- moveBy() — Memindahkan jendela relatif terhadap posisinya saat ini
- moveTo() — Memindahkan jendela ke posisi tertentu
- open() — Membuka jendela browser baru
- print() — Mencetak konten jendela saat ini
- prompt() — Menampilkan kotak dialog yang meminta pengunjung untuk memasukkan
- resizeBy() — Mengubah ukuran jendela dengan jumlah piksel yang ditentukan
- resizeTo() — Mengubah ukuran jendela ke lebar dan tinggi yang ditentukan
- scrollBy() — Menggulir dokumen dengan jumlah piksel tertentu
- scrollTo() — Menggulir dokumen ke koordinat yang ditentukan
- setInterval() — Memanggil fungsi atau mengevaluasi ekspresi pada interval tertentu
- setTimeout() — Memanggil fungsi atau mengevaluasi ekspresi setelah interval tertentu
- stop() — Menghentikan jendela dari memuat
Properti layar
- availHeight — Mengembalikan tinggi layar (tidak termasuk Windows Taskbar)
- availWidth — Mengembalikan lebar layar (tidak termasuk Windows Taskbar)
- colorDepth — Mengembalikan kedalaman bit palet warna untuk menampilkan gambar
- height — Tinggi total layar
- pixelDepth — Resolusi warna layar dalam bit per piksel
- width — Lebar total layar
JavaScript Events
Mouse
- onclick — Event terjadi ketika pengguna mengklik elemen
- oncontextmenu — Pengguna mengklik kanan pada elemen untuk membuka menu konteks
- ondblclick — Pengguna mengklik dua kali pada sebuah elemen
- onmousedown — Pengguna menekan tombol mouse di atas elemen
- onmouseenter — Pointer bergerak ke sebuah elemen
- onmouseleave — Pointer bergerak keluar dari elemen
- onmousemove — Pointer bergerak saat berada di atas elemen
- onmouseover — Saat penunjuk dipindahkan ke elemen atau salah satu turunannya
- onmouseout — Pengguna memindahkan penunjuk tetikus dari elemen atau salah satu anaknya
- onmouseup — Pengguna melepaskan tombol mouse saat melewati elemen
Keyboard
- onkeydown — Saat pengguna menekan tombol ke bawah
- onkeypress — Saat pengguna mulai menekan tombol
- onkeyup — Pengguna melepaskan kunci
Frame
- onabort — Pemuatan media dibatalkan
- onbeforeunload — Peristiwa terjadi sebelum dokumen akan dibongkar
- onerror — Terjadi kesalahan saat memuat file eksternal
- onhashchange — Ada perubahan pada bagian jangkar URL
- onload — Ketika sebuah objek telah dimuat
- onpagehide — Pengguna menavigasi keluar dari halaman web
- onpagehide — Pengguna menavigasi keluar dari halaman web
- onscroll — Bilah gulir elemen sedang digulir
- onresize — Tampilan dokumen diubah ukurannya
- onunload — Acara terjadi ketika halaman telah dibongkar
Form
- onblur — Ketika sebuah elemen kehilangan fokus
- onchange— Konten elemen formulir berubah (untuk <input>, <select> dan <textarea> )
- onfocus — Sebuah elemen mendapat fokus
- onfocusin — Saat sebuah elemen akan mendapatkan fokus
- onfocusout — Elemennya akan kehilangan fokus
- oninput — Masukan pengguna pada suatu elemen
- oninvalid — Sebuah elemen tidak valid
- onreset — Formulir disetel ulang
- onsearch— Pengguna menulis sesuatu di kolom pencarian (untuk <input="search">)
- onselect— Pengguna memilih beberapa teks (untuk <input> dan <textarea>)
- onsubmit — Formulir dikirimkan
Drag
- ondrag — Sebuah elemen diseret
- ondragend — Pengguna telah selesai menyeret elemen
- ondragenter — Elemen yang diseret memasuki target jatuh
- ondragleave — Elemen yang diseret meninggalkan target jatuh
- ondragstart — Pengguna mulai menyeret elemen
- ondrop — Elemen yang diseret dijatuhkan pada target jatuh
Clipboard
- oncopy — Pengguna menyalin konten elemen
- oncut — Pengguna memotong konten elemen
- onpaste — Seorang pengguna menempelkan konten dalam sebuah elemen
Media
- onabort — Pemuatan media dibatalkan
- oncanplay — Browser dapat mulai memutar media (mis. file telah cukup buffer)
- oncanplaythrough — Browser dapat memutar melalui media tanpa henti
- ondurationchange — Durasi perubahan media
- onended — Media telah mencapai ujungnya
- onerror — Terjadi ketika terjadi kesalahan saat memuat file eksternal
- onloadeddata — Data media dimuat
- onloadstart — Browser mulai mencari media tertentu
- onpause — Media dijeda baik oleh pengguna atau secara otomatis
- onplay — Media telah dimulai atau tidak lagi dijeda
- onplaying — Media diputar setelah dijeda atau dihentikan untuk buffering
- onprogress — Browser sedang dalam proses mengunduh media
- onratechange — Kecepatan pemutaran media berubah
- onseeked — Pengguna selesai pindah/melompat ke posisi baru di media
- onseeking — Pengguna mulai bergerak/melompat
- onstalled — Browser mencoba memuat media tetapi tidak tersedia
- onsuspend — Browser sengaja tidak memuat media
- ontimeupdate — Posisi bermain telah berubah (misalnya karena fast forward)
- onvolumechange — Volume media telah berubah (termasuk bisu)
- onwaiting — Media dijeda tetapi diharapkan untuk dilanjutkan (misalnya, buffering)
Animasi
- animationend — Animasi CSS selesai
- animationiteration — Animasi CSS diulang
- animationstart — Animasi CSS telah dimulai
Lainya
- transitionend — Dipecat ketika transisi CSS telah selesai
- onmessage — Pesan diterima melalui sumber acara
- onoffline — Browser mulai bekerja offline
- ononline — Browser mulai bekerja online
- onpopstate — Saat riwayat jendela berubah
- onshow— Sebuah <menu> elemen ditampilkan sebagai menu konteks
- onstorage — Area Penyimpanan Web diperbarui
- ontoggle— Pengguna membuka atau menutup <details> elemen
- onstorage — Area Penyimpanan Web diperbarui
- onwheel — Roda mouse berguling ke atas atau ke bawah di atas elemen
- ontouchcancel — Sentuhan layar terganggu
- ontouchend — Jari pengguna dihapus dari layar sentuh
- ontouchstart — Jari diletakkan di layar sentuh
- ontouchmove — Jari diseret melintasi layar
Kesalahan
- try — Memungkinkan Anda menentukan blok kode untuk menguji kesalahan
- catch — Siapkan blok kode untuk dieksekusi jika terjadi kesalahan
- throw — Buat pesan kesalahan khusus alih-alih kesalahan JavaScript standar
- finally — Memungkinkan Anda mengeksekusi kode, setelah mencoba dan menangkap, terlepas dari hasilnya
Nilai nama kesalahan
JavaScript juga memiliki objek kesalahan bawaan. Ini memiliki dua sifat:- name — Mengatur atau mengembalikan nama kesalahan
- message — Mengatur atau mengembalikan pesan kesalahan dalam string dari
- EvalError— Terjadi kesalahan dalam eval()fungsi
- RangeError — Angka “di luar jangkauan”
- ReferenceError — Referensi ilegal telah terjadi
- SyntaxError — Terjadi kesalahan sintaks
- TypeError — Terjadi kesalahan ketik
- URIError— Terjadi encodeURI()kesalahan
Kesimpulan
Dalam lembar dasar pondasi JavaScript di atas, penulis telah mengumpulkan banyak operator, fungsi, prinsip, dan metode yang paling dasar dan penting.
Ini memberikan gambaran yang baik tentang bahasa dan referensi untuk pengembang dan pelajar. Penulis harap ini bisa berguna untuk anda belajar javaScript.
