JS WINDOW

Objek Window adalah objek global dalam JavaScript yang memiliki berbagai macam metode dan properti. Ini merupakan objek utama yang memberi informasi tentang jendela browser.

Properti dan Metode Objek Window

Karena Window adalah objek global, maka kamu tidak perlu menuliskan ‘window’ sebelum metode atau propertinya. Misalnya, urutan metode window.alert() bisa ditulis sebagai alert(). Berikut adalah sejumlah properti dan metode objek Window.

Window.innerWidth & Window.innerHeight

Properti window.innerWidth dan window.innerHeight memberikan lebar dan tinggi viewport dalam piksel.

let lebarViewport = window.innerWidth;
let tinggiViewport = window.innerHeight;

Window.open() & Window.close()

Metode window.open() digunakan untuk membuka jendela atau tab baru, sedangkan window.close() digunakan untuk menutup jendela atau tab saat ini.

window.open('https://www.w3schools.com', '_blank'); // membuka tab baru dengan URL W3Schools
window.close(); // menutup tab atau jendela saat ini

Menggunakan Objek Window

Objek Window biasanya digunakan untuk mengatur interaksi antara pengguna dan antarmuka web. Misalnya, kita bisa menggunakan metode window.alert() untuk menampilkan pesan peringatan, atau window.prompt() untuk meminta masukan dari pengguna.

alert("Halo, selamat datang di situs kami!");

let nama = prompt("Silahkan masukkan nama anda:");
alert(`Halo, ${nama}!`);

Menangani Event Objek Window

Objek Window juga bisa digunakan untuk menangani event. Misalnya, kita bisa menggunakan event ‘load’ untuk menjalankan suatu fungsi setelah halaman web selesai dimuat.

window.onload = function() {
  alert("Halaman telah selesai dimuat.");
};

Objek Window adalah bagian penting dalam JavaScript yang digunakan untuk mengendalikan perilaku jendela atau tab pada browser dan untuk berinteraksi dengan pengguna. Dengan memahami cara kerja dan penggunaan objek Window, kamu bisa membuat pengalaman pengguna yang lebih baik dan interaktif pada website kamu.

Semoga pembelajaran ini membantu kamu untuk memahami lebih dalam tentang JavaScript. Selamat belajar!