Latest web development tutorials
×

JavaScript kuliah

JavaScript kuliah JavaScript pengantar singkat JavaScript pemakaian JavaScript ekspor JavaScript tatabahasa JavaScript laporan JavaScript catatan JavaScript variabel JavaScript Jenis Data JavaScript benda JavaScript fungsi JavaScript cakupan JavaScript peristiwa JavaScript tali JavaScript operator JavaScript membandingkan JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Jenis Konversi JavaScript Regular Expressions JavaScript kesalahan JavaScript debugging JavaScript angkat variabel JavaScript Modus yang ketat JavaScript Gunakan tidak tepat JavaScript bentuk Authentication JavaScript Reserved Keywords JavaScript JSON JavaScript void JavaScript kode Spesifikasi

JS fungsi

JavaScript definisi fungsi JavaScript Argumen fungsi JavaScript fungsi panggilan JavaScript penutupan

JS HTML DOM

DOM pengantar singkat DOM HTML DOM CSS DOM peristiwa DOM EventListener DOM elemen

JS canggih Tutorial

JavaScript benda JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp benda

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript Kegiatan Jangka waktu JavaScript Cookies

JS gudang

JavaScript gudang JavaScript uji jQuery JavaScript uji Prototype

JS contoh

JavaScript contoh JavaScript contoh objek JavaScript Browser contoh objek JavaScript HTML DOM contoh JavaScript ringkasan

JS Reference manual

JavaScript benda HTML DOM benda

Acara JavaScript

Peristiwa HTML berlangsung pada hal-hal elemen HTML.

Bila menggunakan JavaScript di halaman HTML, JavaScript dapat memicu peristiwa ini.

HTML Kegiatan

Acara HTML dapat perilaku browser juga bisa perilaku pengguna.

Berikut ini adalah contoh dari acara HTML:

  • Halaman HTML selesai dimuat
  • Ketika HTML perubahan field input
  • tombol HTML diklik

Biasanya, ketika suatu peristiwa terjadi, Anda dapat melakukan sesuatu.

Ketika suatu peristiwa dipicu JavaScript dapat mengeksekusi beberapa kode.

elemen HTML dapat ditambahkan ke atribut acara menggunakan kode JavaScript untuk menambahkan elemen HTML.

tanda kutip tunggal:

<Beberapa-HTML-elemen kadang acara = 'beberapa JavaScript'>

tanda kutip ganda:

<Beberapa-HTML-elemen kadang event = "beberapa JavaScript">

Pada contoh berikut, elemen tombol menambahkan atribut onclick (ditambah code):

contoh

<Tombol onclick = 'getElementById ( "demo"). InnerHTML = Tanggal ()'> Waktu saat ini adalah ?? </ button>

Coba »

Contoh di atas, JavaScript isi kode id = "demo" elemen.

Pada contoh berikut, kode tersebut akan mengubah isi dari elemen itu sendiri (menggunakan .innerHTML ini):

contoh

<Tombol onclick = "this.innerHTML = Tanggal ()"> Waktu saat ini adalah? </ Tombol>

Coba »

catatan Kode JavaScript biasanya beberapa baris kode. Lebih umum dipanggil oleh sifat acara:

contoh

<Tombol onclick = "displayDate ()"> Waktu saat ini adalah? </ Tombol>

Coba »

Acara HTML umum

Berikut adalah daftar dari beberapa acara HTML umum:

peristiwa deskripsi
onchange perubahan elemen HTML
onclick Seorang pengguna mengklik elemen HTML
onmouseover pengguna menggerakkan mouse pada sebuah elemen HTML
onmouseout Pengguna menggerakkan mouse dari elemen HTML
onkeydown Pengguna menekan tombol
onload browser selesai loading halaman

Lebih daftar Event: Referensi JavaScript - event HTML DOM .

JavaScript Apa yang bisa dilakukan?

Peristiwa dapat digunakan untuk menangani validasi form, input pengguna, perilaku pengguna dan tindakan browser:

  • Peristiwa dipicu ketika beban halaman
  • Peristiwa dipicu saat halaman Tutup
  • Pengguna mengklik tombol untuk melakukan tindakan
  • Memverifikasi legitimasi input pengguna
  • Dan seterusnya ...

Anda dapat menggunakan berbagai metode untuk mengeksekusi kode JavaScript acara:

  • HTML atribut acara dapat mengeksekusi kode JavaScript secara langsung
  • HTML atribut acara dapat memanggil fungsi JavaScript
  • Anda dapat menentukan event handler Anda sendiri untuk elemen HTML
  • Anda dapat mencegah terjadinya suatu peristiwa.
  • Dan seterusnya ...
catatan Dalam HTML DOM bab Anda akan mempelajari lebih lanjut tentang acara dan pengetahuan event handler.