JavaScript - BOM Screen trong Javascript
by My Love
27/03/2019, 2:40 PM | 27/03/2019, 2:40 PM | 622 | 028
Bài này chúng ta sẽ tìm hiểu về đối tượng
window screen trong BOM, đối tượng này chứa các thông tin về màn hình của người dùng.
1. Lấy chiều rộng và chiều cao của màn hình
Để lấy width và height ta dùng cú pháp sau :
window.screen.width
window.screen.height
// viết tắt như sau
screen.width
screen.height
Với đối tượng
screen khi viết ta có thể bỏ
window đằng trước.
Ví dụ :
<script type="text/javascript">
document.write("Chiều rộng là :" + screen.width + "<br />");
document.write("Chiều cao là :" + screen.height + "<br />");
</script>
Để lấy chiều rộng và chiều cao mà không tính thanh taskbar của window ta dùng
availWidth và
availHeight
screen.availWidth
screen.availHeight
Ví dụ :
<script type="text/javascript">
document.write("Chiều rộng là :" + screen.availWidth + "<br />");
document.write("Chiều cao là :" + screen.availHeight + "<br />");
</script>
2. Lấy số lượng màu sắc của màn hình
Thuộc tính
color depth cho phép lấy về số lượng màu sắc của màn hình
Ví dụ :
document.write("Số lượng màu sắc màn hình là : " + screen.colorDepth + "<br />");
- 16 bit ~ 65.536 màu
- 24 bit ~ 16.777.216 màu
- 32 bit ~ 4.294.967.296 màu
3. Lấy số pixel depth của màn hình
Để lấy
pixel depth của màn hình ta dùng cú pháp :
screen.pixelDepth
Ví dụ :
document.write("Số lượng pixel depth màn hình là : " + screen.pixelDepth + "<br />");