วัตถุ window.screen มีข้อมูลเกี่ยวกับหน้าจอของผู้ใช้
Window Screen
window.screen วัตถุสามารถเขียนได้โดยไม่ต้องมีคำนำหน้าหน้าต่าง
คุณสมบัติ:
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Window Screen Width
screen.width คุณสมบัติส่งกลับความกว้างของหน้าจอของผู้เข้าชมในพิกเซล
ตัวอย่าง
แสดงความกว้างของหน้าจอเป็นพิกเซล:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
ผลจะเป็น:
Screen Width: 1600
ลองตัวเอง» Window Screen Height
screen.height คุณสมบัติผลตอบแทนที่สูงของหน้าจอของผู้เข้าชมในพิกเซล
ตัวอย่าง
แสดงความสูงของหน้าจอเป็นพิกเซล:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
ผลจะเป็น:
Screen Height: 900 ลองตัวเอง» Window Screen ที่มีจำหน่ายกว้าง
screen.availWidth คุณสมบัติส่งกลับความกว้างของหน้าจอของผู้เข้าชมพิกเซลลบมีอินเตอร์เฟซเช่นแถบงานของ Windows
ตัวอย่าง
แสดงความกว้างของหน้าจอเป็นพิกเซล:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
ผลจะเป็น:
Available Screen Width: 1600 ลองตัวเอง» Window Screen ที่มีอยู่สูง
screen.availHeight คุณสมบัติผลตอบแทนที่สูงของหน้าจอของผู้เข้าชมพิกเซลลบอินเตอร์เฟซคุณสมบัติเช่นแถบงานของ Windows
ตัวอย่าง
แสดงความสูงของหน้าจอที่มีอยู่ในพิกเซล:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
ผลจะเป็น:
Available Screen Height: 860 ลองตัวเอง» Window Screen ความลึกของสี
screen.colorDepth คุณสมบัติส่งกลับจำนวนบิตที่ใช้ในการแสดงหนึ่งสี
เครื่องคอมพิวเตอร์ที่ทันสมัยทั้งหมดใช้ 24 บิตหรือ 32 บิตฮาร์ดแวร์สำหรับการแก้ปัญหาสี:
- 24 บิต = 16777216 ที่แตกต่างกัน "สีจริง"
- 32 บิต = 4,294,967,296 ที่แตกต่างกัน "สีลึก"
คอมพิวเตอร์เก่าใช้ 16 บิต: 65,536 ที่แตกต่างกัน "สีสูง" การแก้ปัญหา
คอมพิวเตอร์เก่ามากและโทรศัพท์มือถือเก่าที่ใช้ 8 บิต: 256 ที่แตกต่างกัน "สี VGA"
ตัวอย่าง
แสดงความลึกของสีของหน้าจอในบิตที่:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
ผลจะเป็น:
Screen Color Depth: 24 ลองตัวเอง» #rrggbb (rgb) ค่าใช้ใน HTML หมายถึง "ทรูสี" ( 16,777,216 สีที่แตกต่างกัน)
Window Screen ลึกพิกเซล
screen.pixelDepth คุณสมบัติส่งกลับลึกพิกเซลของหน้าจอ
ตัวอย่าง
แสดงความลึกพิกเซลของหน้าจอในบิต:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
ผลจะเป็น:
Screen Pixel Depth: 24 ลองตัวเอง» สำหรับเครื่องคอมพิวเตอร์ที่ทันสมัย, ความลึกของสีและความลึกพิกเซลมีค่าเท่ากัน