Assalamualaikum wr. wb.
Pada kesempatan kali ini saya akan menjelaskan tentang fungsi metoda object pada Javascript. Metoda adalah suatu fungsi yang diasosiasikan dengan satu objek, satu aksi yang bisa di eksekusi pada satu objek. Metoda pada objek dari navigator adalah fungsi-fungsi yang sudah didefinisikan sebelumnya (predefined) berdasarkan aturan-aturan HTML dan tidak bisa dimodifikasi. Akan tetapi bisa dibuat metoda yang mempersonalisasikan sendiri untuk setiap objek yang di buat. Perhatikan contoh tentang dokumen HTML, yang terdiri dari objek yang bernama document, objek ini mempunyai metoda yang bernama write() yang berguna untuk memodifikasi isi dari dokumen HTML dengan menampilkan teks tertentu. Maka metoda itu akan di panggil dengan cara berikut :
Deklarasi Metoda
Suatu fungsi yang berasosiasikan objek acuan adalah metode. Format berikut meng-asosiasikan fungsi dengan suatu objek :
Kemudian metode tersebut berkerja dengan suatu objek :
1. Metoda Write
Metoda write() dari satu objek dokumen memungkinkan untuk memodifikasi secara dinamik isi dokumen HTML. Berikut ini adalah sintaks secara umum dari metoda write():
Metoda write() dari satu objek dokumen memungkinkan untuk memodifikasi secara dinamik isi dokumen HTML. Berikut ini adalah sintaks secara umum dari metoda write():
Secara praktisnya bisa menuliskan metoda write() sebagai berikut :
- Menuliskan secara langsung teks ke dalam parameter :
- Melewatkan teks tersebut melalui suatu variabel :
- Menggabungkan kedua cara diatas :
- Menyisipkan langsung satu ekspresi, yang akan dievaluasi dan dijalankan segera mungkin, dan hasilnya langsung ditampilkan
- Cara lain juga bisa dengan memasukkan tag HTML kedalam metoda write:
2. Metoda Writeln
Metoda writeln() berfungsi sama persis seperti metoda write dengan penambahan pemindahan ke baris baru setiap kali usai menuliskan metodanya. Akan tetapi dokumen HTML tidak mengenal adanya penambahan baris baru dengan cara tradisional, penambahan baris baru hanya bisa dilakukan dengan menggunakan tag <BR>, oleh karena itu metoda ini tidak terlalu berguna di dalam HTML, kecuali diantara tag <PRE> dan </PRE> dimana kita memperlakukan teks didalamnya seperti file teks biasa.
Sebagai contoh, Buatlah file html dengan script seperti di bawah ini:
<html>
<head>
<title>javascript metoda</title>
<script language="javascript">
<!--
//definisi objek mahasiswa
function mahasiswa(nim , nama , umur)
{
this.nim = nim;
this.nama = nama;
this.umur = umur;
//deklarasi metoda
this.universitas = universitas2;
this.tampilkaninfo = tampilkaninfo;
}
//menulis property-property objek
function tulis(objek)
{
for (var lindi in objek)
document.writeln(objek[lindi]);
document.writeln(" ");
}
//metoda universitas
function universitas2(namauniv , alamatuniv)
{
this.namauniv = namauniv;
this.alamatuniv = alamatuniv;
}
//menampilkan info
function tampilkaninfo()
{
alert(this.nama + ", umur : " + this.umur + ", dengan nim : " + this.nim + ", kuliah di : " + this.namauniv +
", dengan alamat : " + this.alamatuniv);
}
-->
</script>
</head>
<body bgcolor="lightblue">
<script language="javascript">
<!--
document.writeln("<pre>");
//menciptakan instan objek mahasiswa
mahasiswa1 = new mahasiswa("12140022" , "lindi" , "26");
mahasiswa2 = new mahasiswa("12140045" , "reki" , "25");
mahasiswa3 = new mahasiswa("12140050" , "dika" , "25");
//mengisi metoda universitas dengan mahasiswa1
mahasiswa1.universitas("politeknik telkom" , "bandung");
mahasiswa1.tampilkaninfo();
document.writeln("</pre>");
-->
</script>
</body>
</html>
<head>
<title>javascript metoda</title>
<script language="javascript">
<!--
//definisi objek mahasiswa
function mahasiswa(nim , nama , umur)
{
this.nim = nim;
this.nama = nama;
this.umur = umur;
//deklarasi metoda
this.universitas = universitas2;
this.tampilkaninfo = tampilkaninfo;
}
//menulis property-property objek
function tulis(objek)
{
for (var lindi in objek)
document.writeln(objek[lindi]);
document.writeln(" ");
}
//metoda universitas
function universitas2(namauniv , alamatuniv)
{
this.namauniv = namauniv;
this.alamatuniv = alamatuniv;
}
//menampilkan info
function tampilkaninfo()
{
alert(this.nama + ", umur : " + this.umur + ", dengan nim : " + this.nim + ", kuliah di : " + this.namauniv +
", dengan alamat : " + this.alamatuniv);
}
-->
</script>
</head>
<body bgcolor="lightblue">
<script language="javascript">
<!--
document.writeln("<pre>");
//menciptakan instan objek mahasiswa
mahasiswa1 = new mahasiswa("12140022" , "lindi" , "26");
mahasiswa2 = new mahasiswa("12140045" , "reki" , "25");
mahasiswa3 = new mahasiswa("12140050" , "dika" , "25");
//mengisi metoda universitas dengan mahasiswa1
mahasiswa1.universitas("politeknik telkom" , "bandung");
mahasiswa1.tampilkaninfo();
document.writeln("</pre>");
-->
</script>
</body>
</html>
Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:
0 comments: