Apa itu file DHTML?
File dengan ekstensi .dhtml adalah file HTML dinamis yang digunakan untuk membuat konten halaman web yang dinamis. Elemen web yang dibuat dalam DHTML digerakkan oleh peristiwa dan tidak perlu memuat ulang halaman. Dalam sebagian besar kasus, file DHTML digunakan untuk membuat konten dinamis halaman web seperti menu drop-down, layer mengambang, tombol rollover, dan konten dinamis lainnya. Anda menemukan elemen html dinamis hampir setiap hari dalam hidup Anda saat Anda mengarahkan mouse ke item menu dan membuka opsi sub-menu lebih lanjut. DHTML memanfaatkan teknologi web seperti HTML, Javascript, HTML DOM, HTML Events, dan CSS untuk mencapai dinamika perilaku elemen.
Format File DHTML
File DHTML adalah file teks biasa yang berisi kode DHTML untuk mengimplementasikan perilaku dinamis elemen web.
DHTML DOM
Model objek dokumen DHTML (DOM) didasarkan pada DOM HTML yang merupakan struktur pohon dengan elemen, atribut, dan teks seperti yang ditunjukkan pada gambar berikut.
Node Document dapat digunakan untuk memanggil beberapa fungsi untuk mengimplementasikan fungsi yang berbeda. Contoh berikut hanya menggunakan metode document.write() dari JavaScript di DHTML.
<HTML>
<head>
<title>
Method of a JavaScript
</title>
</head>
<body>
<script type="text/javascript">
document.write("Hello World");
</script>
</body>
</html>
Kode ini menulis teks “Hello World” untuk ditampilkan di browser.
Acara DHTML
| S.No. | Acara | Kejadian |
|---|---|---|
| 1 | onabort | Itu terjadi ketika pengguna membatalkan pemuatan halaman atau file media. |
| 2 | onblur | Itu terjadi ketika pengguna meninggalkan objek HTML. |
| 3 | onchange | Itu terjadi ketika pengguna mengubah atau memperbarui nilai suatu objek. |
| 4 | onclick | Ini terjadi atau terpicu saat ada pengguna yang mengklik elemen HTML. |
| 5 | ondblclick | Itu terjadi ketika pengguna mengklik elemen HTML dua kali bersamaan. |
| 6 | onfocus | Itu terjadi ketika pengguna berfokus pada elemen HTML. Event handler ini bekerja berlawanan dengan onblur. |
| 7 | onkeydown | Ini dipicu saat pengguna menekan tombol pada perangkat keyboard. Event handler ini berfungsi untuk semua kunci. |
| 8 | onkeypress | Ini dipicu saat pengguna menekan tombol pada keyboard. Penangan kejadian ini tidak dipicu untuk semua kunci. |
| 9 | onkeyup | Itu terjadi ketika pengguna melepaskan kunci dari keyboard setelah menekan objek atau elemen. |
| 10 | onload | Itu terjadi ketika sebuah objek dimuat sepenuhnya. |
| 11 | onmousedown | Itu terjadi ketika pengguna menekan tombol mouse di atas elemen HTML. |
| 12 | onmousemove | Itu terjadi ketika pengguna memindahkan kursor pada objek HTML. |
| 13 | onmouseover | Itu terjadi ketika pengguna menggerakkan kursor di atas objek HTML. |
| 14 | onmouseout | Ini terjadi atau dipicu saat penunjuk tetikus dipindahkan dari elemen HTML. |
| 15 | onmouseup | Itu terjadi atau dipicu saat tombol mouse dilepaskan di atas elemen HTML. |
| 16 | onreset | Ini digunakan oleh pengguna untuk mereset formulir. |
| 17 | onselect | Itu terjadi setelah memilih konten atau teks pada halaman web. |
| 18 | onsubmit | Ini dipicu ketika pengguna mengklik tombol setelah pengiriman formulir. |
| 19 | onunload | Ini dipicu saat pengguna menutup halaman web. |
