Di bawah ini kita akan mempelajari cara mendapatkan ukuran layar / jendela browser saat ini dengan JavaScript.
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>