Sebuah karakter pada object di dokumen HTML, sangatlah penting untuk membangun sebuah website. Serta semua karakter yang di bangun pada dokumen HTML memiliki fungsi yang saling berkaitan dan melengkapi.
Tanpa satu karakter dalam membangun website, akan tidak berguna semua fungsi walau pun hilang atau kurang satu dalam fungsinya.
Sebuah object pada dokumen HTML memiliki tiga karakteristik, yaitu :
- Properties (atribut)
- Method (fungsi)
- Event Handler (kejadian atau aksi)
Properties
Properties atau atribut adalah sebuah nilai yang diasosiasikan ke sebuah object.
Berikut contoh mengambil nilai property panjang (legth) sebuah object String :
<script language="javascript">
var txt="Hello World";
document.write(txt.length);
</script>
Dan lihat hasilnya pada browser anda :
Script JavaScript Properties |
Berikut daftar properties yang dimiliki oleh object document :
Property | Description |
body | Memberikan akses ke elemen dari <body> |
cookie | Mengembalikan semua nilai dari cookies yang berasosiasi dengan dokumen saat ini |
domain | Mengembalikan nama dari domain dokumen saat ini |
lastModified | Mengembalikan tanggal serta waktu dari modofikasi terakhir dokumen saat ini |
referrer | Mengembalikan URL yang di-load oleh dokumen saat ini |
title | Mengembalikan judul dari dokumen saat ini |
url | Mengembalikan URL dari dokumen saat ini |
Method
Method adalah fungsi yang dimiliki oleh object pada dokumen HTML. Sebuah object document memiliki method write yang berfungsi untuk menulis ke dalam dokumen HTML yang berada dalam atau di antara tag <BODY> dan </BODY>.
Contoh :
<head>
<title>Belajar JavaScript</title>
<script language="javascript">
document.write("Hello World");
</script>
</head>
Output yang akan dihasilkan pada browser :
Daftar method-method pada object document :
Script JavaScript Method |
Method | Description |
close( ) | Menutup sebuah dokumenyang dibuka dengan perintah document.open( ). |
getElementById( ) | Mengembalikan object dengan spesifik ID tertentu. |
getElementByName( ) | Mengembalikan kumpulan (collection) dari object-object dengan spesifik nama tertentu. |
getElementByTagName( ) | Mengembalikan kumpulan dari object-object dengan spesifik nama tag tertentu. |
open( ) | Membuka dokumen untuk mengumpulkan output dari proses document.write( ) atau document.writeIn( ). |
write ( ) | Menulis ekspresi HTML atau kode JavaScript ke dokumen. |
writeIn( ) | Sama dengan method write( ) dengan penambahan garis baru untuk setiap ekpresinya. |
Event Handlers
Event handlers suatu karakteristik dari OOP yang dimiliki JavaScript yang sangat berguna dalam menciptakan sebuah website yang lebih interaktif. Event Handlers sebenarnya adalah suatu fungsi built-in yang akan menjalankan kode program tertentu atau fungsi tertentu (di definisikan oleh programmer) yang diakibatkan suatu aksi (event) dari seorang user terhadap object halaman web anda.
Jika user atau anda menekan (meng-klik) suatu tombol (button) maka terjadilah suatu Click-event. Jika pointer mouse bergerak melewati atau mengarah pada posisi suatu link teks maka akan terjadi MouseOver-event. Event Handlers yang menangani event tersebut dalam JavaScript adalah onClick dan MouseOver.
Berikut ini beberapa daftar event handlers built-in dalam JavaScript :
Event Handlers | Description | Object |
onClick | Reaksi terhadap aksi meng-click-mouse pada suatu objek | checkboxes, links, radio buttons, reset button, dan submit buttons |
onMouseOver | Reaksi jika suatu cursor atau mousepointer yang menunjuk ke suatu objek | links |
onMouseOut | Reaksi jika suatu cursor atau mousepointer yang meninggalkan suatu objek | links |
onLoad | Reaksi jika suatu objek selesai di-load | images, windows |
onUnload | Reaksi jika suatu dokumen ditutup atau di akhiri | windows |
onAbort | Reaksi jika suatu objek diberhentikan dari proses loading | image |
onChange | Reaksi jika suatu nilai (value) dari objek dimodifikasi | file uploads, select object, text boxes, textarea |
onSelect | Reaksi jika suatu teks dipilih dari objek text box atau textarea | text boxs, text areas |
onError | Reaksi jika terjadi error JavaScript | images, windows |
onReset | Reaksi jika suatu tombol reset dalam form ditekan | forms |
onSubmit | Reaksi jika suatu tombol button dalam form ditekan | forms |
Jika anda ingin program JavaScrip anda bereaksi atau bekerja terhadap suatu aksi (event) tertentu. Hal ini dapat dilakukan dengan bantuan dari event handlers. Sebuah tombol (button) bisa menciptakan sebuah pop up window jika ditekan (di-click).
Hal ini berarti akan menyebabkan sebuah pop up window muncul sebagai reaksi terhadap Click-event. Event handler yang diperlukan untuk maksud tertentu adalah onClick. onClick ini akan memberitahukan komputer untuk melakukan sesuatu jika event tersebut terjadi.
Berikut ini ditunjukan kode program contoh suatu event handler onClick, dalam hal ini event handlers akan didefinisikan dalam suatu tag HTML :
Dalam menjalankan atau memproses dokumen JavaScript harus teliti dan benar-benar tidak ada satu komponen pun yang terlewatkan, karena banyak pertanyaan kepada kami saat menjalankan scrip JavaScript tidak sepenuhnya sukses, karena kurangnya tanda " ' (petik satu) ", (koma)" ; (titik koma) ", " > (tag)" dan lainnya banyak yang tidak tertuliskan atau tidak dimasukan dalam scrip JavaScript saat menulisnya.
Hal ini berarti akan menyebabkan sebuah pop up window muncul sebagai reaksi terhadap Click-event. Event handler yang diperlukan untuk maksud tertentu adalah onClick. onClick ini akan memberitahukan komputer untuk melakukan sesuatu jika event tersebut terjadi.
Berikut ini ditunjukan kode program contoh suatu event handler onClick, dalam hal ini event handlers akan didefinisikan dalam suatu tag HTML :
<form>Output yang dihasilkan :
<input type="button" value="Click ini"
onClick="alert('Hallo Bro!..')">
</form>
Script JavaScript Event Handlers |
Dalam menjalankan atau memproses dokumen JavaScript harus teliti dan benar-benar tidak ada satu komponen pun yang terlewatkan, karena banyak pertanyaan kepada kami saat menjalankan scrip JavaScript tidak sepenuhnya sukses, karena kurangnya tanda " ' (petik satu) ", (koma)" ; (titik koma) ", " > (tag)" dan lainnya banyak yang tidak tertuliskan atau tidak dimasukan dalam scrip JavaScript saat menulisnya.
Belum ada tanggapan untuk "Karakteristik Object JavaScript Pada Dokumen HTML"
Posting Komentar