Objek Window

Objek Window

Objek window mewakili jendela yang dibuka di dalam browser.

Jika dokumen mengandung frame (<iframe> tag), peramban akan membuat objek window untuk dokumen HTML dan akan membuat objek window ekstra untuk setiap frame.

Properti Objek Window

Objek Deskripsi
closed Kembalikan apakah jendela sudah ditutup atau belum.
console Kembalikan Objek Console.
defaultStatus ditinggalkan. Gunakan yang lain.Atur atau kembalikan teks baku di bawah baris status jendela.
document Kembalikan Objek Document.
frameElement Kembalikan frame yang berjalan di dalam jendela.
frames Kembalikan semua objek jendela yang berjalan di dalam jendela.
history Kembalikan Objek History.
innerHeight Kembalikan tinggi area tampilan dokumen jendela.
innerWidth Kembalikan lebar area tampilan dokumen jendela.
length Kembalikan jumlah elemen <iframe> di jendela saat ini.
localStorage Memungkinkan untuk menyimpan pasangan kunci/nilai di browser Web. Simpan data tanpa tanggal kadaluarsa.
location Kembalikan Objek Location.
name Atur atau kembalikan nama jendela.
navigator Kembalikan Objek Navigator.
opener Kembalikan referensi untuk jendela yang dibuat.
outerHeight Kembalikan tinggi jendela peramban termasuk toolbar/scrollbar.
outerWidth Kembalikan lebar jendela peramban termasuk toolbar/scrollbar.
pageXOffset Kembalikan piksel gerak kiri atas dokumen saat ini (horisontal).
pageYOffset Kembalikan piksel gerak kiri atas dokumen saat ini (vertikal).
parent Kembalikan jendela orang tua saat ini.
screen Kembalikan Objek Screen.
screenLeft Kembalikan koordinat horizontal jendela terhadap layar.
screenTop Kembalikan koordinat vertikal jendela terhadap layar.
screenX Kembalikan koordinat horizontal jendela terhadap layar.
screenY Kembalikan koordinat vertikal jendela terhadap layar.
sessionStorage Memungkinkan untuk menyimpan pasangan kunci/nilai di browser Web. Data penyimpanan akan dihapus saat berakhir.
scrollX pageXOffset Sebagai sebutan.
scrollY pageYOffset Sebagai sebutan.
self Kembalikan jendela saat ini.
status Ditinggalkan. Ingat untuk tidak gunakannya.
top Kembalikan jendela browser yang paling tinggi.

Metode objek Window

Metode Deskripsi
alert() Tampilkan kotak peringatan (dialog) yang berisi pesan dan tombol Konfirmasi.
atob() Dekripsi string yang dienkripsi dalam base-64.
blur() Hapus fokus dari jendela saat ini.
btoa() Enkripsi string dalam base-64.
clearInterval() Hapus jam yang disetel menggunakan setInterval().
clearTimeout() Hapus jam yang disetel menggunakan setTimeout().
close() Tutup jendela saat ini.
confirm() Tampilkan dialog yang berisi pesan serta tombol Konfirmasi dan Batal.
focus() Tetapkan fokus ke jendela saat ini.
getComputedStyle() Tentukan gaya CSS yang diterapkan ke elemen dokumen.
getSelection() Kembalikan objek Selection yang menunjukkan lingkungan teks yang dipilih pengguna.
matchMedia() Kembalikan objek MediaQueryList yang menunjukkan string media query yang ditentukan.
moveBy() Pindahkan jendela relatif terhadap posisinya saat ini.
moveTo() Pindahkan jendela ke posisi yang ditentukan.
open() Buka jendela browser baru.
print() Cetak konten jendela saat ini.
prompt() Minta input string sederhana melalui dialog.
requestAnimationFrame() Minta browser memanggil fungsi untuk memperbarui animasi sebelum redrawing berikutnya.
resizeBy() Tutupi ukuran jendela dengan pixel yang ditentukan.
resizeTo() Tutupi ukuran jendela menjadi lebar dan tinggi yang ditentukan.
scroll() ditinggalkan. Gunakan yang lain.Metode ini sudah Metode scrollTo() Gantikan.
scrollBy() Gulir dokumen dengan jumlah pixel yang ditentukan.
scrollTo() Geser dokumen ke koordinat yang ditentukan.
setInterval() Eksekusi kode yang ditentukan secara periodik.
setTimeout() Eksekusi kode setelah waktu yang ditentukan.
stop() Hentikan pengambilan file di jendela.

Deskripsi objek Window

Objek Window mewakili jendela browser atau frame. Dalam JavaScript klien, objek Window adalah objek global, semua ekspresi dihitung di lingkungan saat ini. Artinya, untuk merujuk jendela saat ini, tidak perlu syntax khusus, Anda dapat menggunakan properti jendela tersebut sebagai variabel global. Contohnya, Anda dapat hanya menulis documenttanpa harus menulis window.document.

Juga, Anda dapat menggunakan metode objek window saat ini seperti fungsi, seperti hanya menulis alert(), tanpa harus menulis Window.alert().

Selain properti dan metode yang dijelaskan di atas, objek Window juga melaksanakan semua properti dan metode global yang didefinisi JavaScript yang utama.

Properti window objek Window dan properti selfyang diambil adalah yang sendiri. Ketika Anda ingin secara eksplisit merujuk jendela saat ini, bukan hanya merujuk secara implisit, Anda dapat menggunakan kedua properti ini. Selain kedua properti ini, properti parent, properti top, serta array frame[] mengacu ke objek Window lain yang berhubungan dengan Window objek saat ini.

Untuk merujuk frame di dalam jendela, dapat digunakan seperti ini:

frame[i]		//frame saat ini
self.frame[i]	//frame saat ini
w.frame[i]	//frame w

Untuk merujuk jendela induk (atau frame induk) sebuah frame, dapat digunakan seperti ini:

parent		//jendela induk saat ini
self.parent	//jendela induk saat ini
w.parent 		//jendela induk w

Untuk merujuk frame manapun yang terdapat di dalam jendela paling atas, dapat digunakan seperti ini:

top		//jendela paling atas frame saat ini
self.top		//jendela paling atas frame saat ini
f.top		//jendela paling atas frame f

Jendela browser paling atas yang baru dibuat dengan metode Window.open(). Saat memanggil metode ini,harap simpan nilai kembalian open() di variabel, kemudian gunakan variabel itu untuk merujuk jendela yang baru. Jendela yang baru memiliki properti openermenyebutkan kembali jendela yang membuka nya.

Secara umum, metode Window melakukan suatu operasi terhadap jendela browser atau frame. Sedangkan metode alert()metode confirm()dan metode promptberbeda, mereka berinteraksi dengan pengguna melalui dialog yang sederhana.