Cách lấy chiều rộng và chiều cao màn hình trong JavaScript

JavaScript cung cấp đối tượng window.screen chứa thông tin về màn hình người dùng. Thông tin bao gồm chiều cao, chiều rộng và nhiều tính năng khác. Để tìm chiều cao và rộng, dùng screen.height và screen.width.

Cú pháp chiều cao

screen.height;

Cú pháp chiều rộng

screen.width;

Ví dụ

Trong ví dụ sau, chiều rộng màn hình hiển thị bằng screen.width.

<html> <body> <p id="width"> </p> 
    <script> 
        document.getElementById("width").innerHTML = "Screen width is " + screen.width; 
    </script> </body> </html>

Kết quả

1366

Ví dụ

Trong ví dụ sau, chiều cao màn hình hiển thị bằng screen.height.

<html> <body> 
    <p id="height"> </p> 
    <script> 
        document.getElementById("height").innerHTML = "Screen height is " + screen.height; 
    </script> </body> </html>

Kết quả

768