Hướng dẫn javascript screen

Nhóm phát triển của chúng tôi vừa ra mắt website langlearning.net học tiếng Anh, Nga, Đức, Pháp, Việt, Trung, Hàn, Nhật, ... miễn phí cho tất cả mọi người.
Là một website được viết trên công nghệ web Flutter vì vậy hỗ trợ rất tốt cho người học, kể cả những người học khó tính nhất.
Hiện tại website đang tiếp tục được cập nhập nội dung cho phong phú và đầy đủ hơn. Mong các bạn nghé thăm và ủng hộ website mới của chúng tôi.

Hãy theo dõi chúng tôi trên Fanpage để nhận được thông báo mỗi khi có bài viết mới. Facebook

1- window.screen

Khi trình duyệt của bạn chạy trên một máy tính window.screen chính là đối tượng đại diện cho màn hình máy tính. Khi trình duyệt của bạn chạy trên một chiếc điện thoại window.screen là đối tượng đại diện cho màn hình điện thoại....

Các thuộc tính [property] của window.screen:

• screen.width
• screen.height
• screen.availWidth
• screen.availHeight
• screen.colorDepth
• screen.pixelDepth

Property	Mô tả
screen.width	Chiều rộng của màn hình theo pixel.
screen.height	Chiều cao của màn hình theo pixel.
screen.availWidth	Chiều rộng của màn hình tính theo pixel, trừ đi khoảng không gian đặt các giao diện tính năng [interface features], chẳng hạn thanh tác vụ [Taskbar].
screen.availHeight	Chiều cao của màn hình tính theo pixel, trừ đi khoảng không gian đặt các giao diện tính năng [interface features], chẳng hạn thanh tác vụ [Taskbar].
screen.colorDepth	Trả về số lượng bits được sử dụng để hiển thị một mầu [color].
screen.pixelDepth	Trả về số pixel depth [bit depth] của màn hình.

Một màn hình máy tính sử dụng hệ điều hành Windows 7:

Một màn hình máy tính sử dụng hệ điều hành Ubuntu:

Ví dụ:

screen-example.html

   
      Screen Example
      


   
   

       
window.screen

       Show Infos

        

        
           function showInfos[]  {

             var logArea = document.getElementById["log-area"];
             logArea.value = "";

             logArea.value += "screen.width= " + screen.width +"\n";
             logArea.value += "screen.height= " + screen.height +"\n";
             logArea.value += "screen.availWidth= " + screen.availWidth +"\n";
             logArea.value += "screen.availHeight= " + screen.availHeight +"\n";

             logArea.value += "screen.colorDepth= " + screen.colorDepth +"\n";
             logArea.value += "screen.pixelDepth= " + screen.pixelDepth +"\n";

           }
           showInfos[];
        
   


 

Trong bài này chúng ta sẽ tìm hiểu đối tượng screen trong Javascript, qua đó bạn sẽ biết cách lấy thông tin về màn hình của trình duyệt.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Đối tượng screen là một thuộc tính của đối tượng window, vì vậy bạn có thể sử dụng một trong hai cách. Thứ nhất là screen và thứ hai là window.screen.

Bài này chúng ta tìm hiểu một số thuộc tính sau:

• screen.width
• screen.height
• screen.availWidth
• screen.availHeight
• screen.colorDepth
• screen.pixelDepth

Note: Khi chúng ta ghi screen.with tức là ghi tắt của window.screen.with.

Bài viết này được đăng tại [free tuts .net]

1. Sceen lấy width và height của màn hình

Chúng ta sử dụng thuộc tính screen.width để lấy chiều rộng và screen.height để lấy chiều cao của màn hình, kết quả sẽ trả về định dạng Pixels.

document.write["With screen: " + screen.width + "
"];
document.write["Height screen: " + screen.height];

Ngoài ra để lấy chiều rộng và chiều cao mà không tính các tools tính năng của trình duyệt thì bạn sử dụng screen.availWidth và screen.availHeight.

document.write["With Available screen: " + screen.availWidth + "
"];
document.write["Height Available screen: " + screen.availHeight];

2. Screen lấy Color Depth của screen

Để lấy color depth của screen thì ta sử dụng thuộc tính screen.colorDepth.

document.write["Color Depth: " + screen.colorDepth];

3. Lấy số Pixel depth của screen

Để lấy Pixel depth của màn hình thì ta sử dụng thuộc tính screen.pixelDepth.

document.write["Pixel Depth: " + screen.pixelDepth];

Lời kết

Thực tế những thông tin về screen này ta rất ít khi sử dụng khi xây dựng website mà chỉ dùng khi bạn lập trình Game bằng javascript, vì vậy nếu bạn là Website Developer thì có thể không cần phải xem bài này.