Cách lấy chiều cao và chiều rộng bên trong cửa sổ trình duyệt trong JavaScript

Đối tượng window của JavaScript đại diện cho cửa sổ trình duyệt. Được hỗ trợ bởi tất cả trình duyệt. Để lấy chiều cao bên trong (inner height) và chiều rộng bên trong (inner width), dùng thuộc tính window.innerHeight và window.innerWidth. Dễ dàng tìm kích thước viewport. Thảo luận chi tiết.

Chiều rộng bên trong (Inner width)

Trong ví dụ sau, dùng window.innerWidth tìm chiều rộng viewport và hiển thị kết quả (tính bằng pixel).

Ví dụ

<html> <body> <p id="width"></p> <script> var w = window.innerWidth; var x = document.getElementById("width"); x.innerHTML = "Browser inner window width: " + w; </script> </body> </html>

Kết quả

Browser inner window width: 598

Chiều cao bên trong (Inner height)

Trong ví dụ sau, dùng window.innerHeight tìm chiều cao viewport và hiển thị (pixel).

Ví dụ

<html> <body> <p id="height"></p> <script> var h = window.innerHeight; var x = document.getElementById("height"); x.innerHTML = "Browser inner window height: " + h; </script> </body> </html>

Kết quả

Browser inner window height: 477