Di bawah ini kita akan mempelajari cara mendapatkan ukuran layar / jendela browser saat ini dengan JavaScript.
Ukuran Layar Saat Ini
Gunakan window.innerWidth
dan window.innerHeight
untuk mendapatkan ukuran layar halaman saat ini.
Contoh ini menampilkan tinggi dan lebar jendela browser (TIDAK termasuk toolbar / scrollbar):
Contoh
var w = window.innerWidth; var h = window.innerHeight;
<!DOCTYPE html> <html> <body> <h2> Dapatkan ukuran layar / jendela saat ini </h2> <p> Contoh ini menampilkan tinggi dan lebar jendela peramban: (TIDAK termasuk toolbar / scrollbar) <p id="demo"></p> <script> var w = window.innerWidth; var h = window.innerHeight; var x = document.getElementById("demo"); x.innerHTML = "Browser width: " + w + ", height: " + h + "."; </script> </body> </html>