MODUL 6
PRAKTIKUM APLIKASI
(JAVA SCRIPT)
OGI MUHAMAD RAMADHAN, [Link]
MATA PELAJARAN : PEMROGRAMAN DASAR
SMK KARTINI BATAM
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 1
OBJECT JAVASCRIPT(3)
7.1 Objek String
String adalah suatu objek yang merupakan kumpulan dari elemen karakter-karakter.
Dalam Javascript string atau karakter harus diapit dengan tanda petik ganda(“) atau tanda
petik tunggal(„).
Contoh pendeklarasian Objek String :
Nama = “Shafana Vevica”
Panjang = Nama,length; // Panjang akan berisi 14
Length adalah property yang sering digunakan dalam objek string yang digunakan
Untuk mengetahui banyaknya karakter dalam suatu string. Objek String juga memiliki
method yang dapat digunakan untuk memanipulasi string tersebut. Adapun Method yang
dapat digunakan meliputi :
Method Fungsi
big() Tercetak lebih besar
blink() Efek berkedip aktif pada browerNetscape
bold() Tercetak tebal
charAt(n) Mengambil karakter ke –n dari string. Index string
dimulai dari 0
fixed() Tercetak fixed-pitch
fontcolor(„warna‟) Tercetak sesuai warna yang didefinisikan
indexOf(„char‟) Mengambil nilai indeks dari suatu karakter
italic() Tercetak miring
link(„url‟) Menjadikan string hyperlink
small() Tercetak lebih kecil
strike() Tercetak dengan coretan
sub() Tercetak subscript
substring(a,b) Mengambil karakter dari posisi a sampai b-1
sup() Tercetak superscript
toLowerCase() Tercetak huruf kecil
toUpperCase() Tercetak huruf besar
split(„‟) Menjadikan string diuraikan/dipisahkan berdasarkan
tanda („‟). Hasil dari split akan dihasilkan sebuah
array dengan indeks 0 untuk string ke 1 dan
seterusnya.
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 2
Modul6 [Link]
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 3
Hasil output
7.2 Objek Document
Objek ini digunakan untuk mengakses informasi mengenai dokumen HTML,
tampilan output dan memanipulasinya.
Property dari objek document meliputi
Property Fungsi
bgColor Memberikan warna latar belakang
fgColor Memberikan warna foreground atau warna huruf
link[] Mengakses objek anchor/link(dapat digunakan nama objek
anchor/link)
linkColor=warna Memberikan warna link
alinkColor=warna Memberikan warna pada active link
vlinkColor=warna Memberikan warna pada visited link
title=judul window Memberikan judul/title window
image[] Mengakses objek image(dapat digunakan nama objek
anchor/link)
forms[] Mengakses objek form(dapat digunakan nama objek form)
Method dari objek document meliputi :
Method Fungsi
open() Menciptakan/membuka document HTML
close() Mengakhiri document HTML
write(output) Memberikan output ke browser
writeln(output) Memberikan output ke browser dengan menyertakan
perpindahan baris
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 4
Khusus untuk output ke browser ada beberapa hal yang perlu diperhatikan :
• Diisi dengan string(“) atau („)
• Dapat diberikan tag HTML
• Dapat digunakan untuk menampilkan isi dari variable
• Terdapat karakter spesial :
\b = untuk backspace
\f = untuk form feed
\n = untuk baris baru
\r = untuk carriage return
\t = untuk tab
Modul6 [Link]
Hasil output
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 5
7.3 Objek Window
Objek window merupakan objek tertinggi dalam objek Javascript. Objek ini
digunakan untuk memanipulasi tampilan jendela dari document HTML. Property pada
Objek window
Property Fungsi
length Mengetahui jumlah frame pada window
[Link] Mengakses objek location untuk melakukan
redirect atau berpindah ke alamat tertentu.
Status=nilai_status Memberikan nilai status window
Metode-metode untuk Objek window
Method Fungsi
alert(pesan) Memunculkan messagebox sebuah pesan
kesalahan
confirm(pesan) Memunculkan pesan konfirmasi. Method ini
akan menghasilkan dua nilai kembalian yaitu
true untuk Ok dan false untuk Cancel
prompt(pesan,nilai default) Memunculkan pesan yang menunggu sebuah
input
close() Menutup jendela aktif
open(url|file,windowname, Membuka jendela baru dengan feature meliputi:
feature) toolbar=yes|no mengaktifkan toolbar
status=yes|no mengaktifkan window status
menubar=yes|no mengaktifkan menubar
scrollbars=yes|no mengaktifkan scrollbar
resizable=yes|no jendela resizeable
width = ukuran lebar jendela
height = ukuran tinggi jendela
print() Membuka jendela dialog print
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 6
Modul6 [Link]
Hasil output
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 7
Modul6 [Link]
Hasil output
Progdas (JavaScript) – Create by : Ogi Muhamad Ramadhan. [Link] Page 8