Objek Window
- Halaman sebelumnya Tipe array JS
- Halaman berikutnya Konsol 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.
- Halaman sebelumnya Tipe array JS
- Halaman berikutnya Konsol Window