JavaScript วินดาว สครีน

วิธีใช้ window.screen มีข้อมูลของหน้าตัวแสดงของผู้ใช้

Window Screen

window.screen วิธีใช้ที่ไม่มีคำนำหน้า window ก็สามารถเขียนได้:

คุณสมบัติ:

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

ความกว้างของหน้าตัวแสดง Window

screen.width คุณสมบัตินี้กลับค่าความกว้างของหน้าตัวแสดงของผู้เข้าถึงด้วยพิกเซล

ตัวอย่าง

แสดงความกว้างของหน้าตัวแสดงด้วยพิกเซล:

document.getElementById("demo").innerHTML = "Screen Width: " + screen.width;

ผลลัพธ์จะเป็น:




ทดลองด้วยตัวเอง






ความสูงของหน้าตัวแสดง Window


screen.height คุณสมบัตินี้กลับค่าความสูงของหน้าตัวแสดงของผู้เข้าถึงด้วยพิกเซล


ตัวอย่าง


แสดงความสูงของหน้าตัวแสดงด้วยพิกเซล:


document.getElementById("demo").innerHTML = "Screen Height: " + screen.height;



ผลลัพธ์จะเป็น:





ทดลองด้วยตัวเอง






ความกว้างที่สามารถใช้ได้ของหน้าตัวแสดง Window


screen.availWidth คุณสมบัตินี้กลับค่าความกว้างของหน้าตัวแสดงของผู้เข้าถึงด้วยพิกเซล หลังจากลบรายการต่างๆ ของส่วนของมุมมองเช่นแถบหน้าต่างเครื่องงาน


ตัวอย่าง


แสดงความกว้างของหน้าตัวแสดงที่สามารถใช้ได้ด้วยพิกเซล:


document.getElementById("demo").innerHTML = "Available Screen Width: " + screen.availWidth;



ผลลัพธ์จะเป็น:





ทดลองด้วยตัวเอง






ความสูงที่สามารถใช้ได้ของหน้าตัวแสดง Window


screen.availHeight คุณสมบัตินี้กลับค่าความสูงของหน้าตัวแสดงของผู้เข้าถึงด้วยพิกเซล หลังจากลบรายการต่างๆ ของส่วนของมุมมองเช่นแถบหน้าต่างเครื่องงาน


ตัวอย่าง


แสดงความสูงของหน้าตัวแสดงที่สามารถใช้ได้ด้วยพิกเซล:


document.getElementById("demo").innerHTML = "Available Screen Height: " + screen.availHeight;



ผลลัพธ์จะเป็น:





ทดลองด้วยตัวเอง






ความลึกสีของหน้าตัวแสดง Window


screen.colorDepth คุณสมบัตินี้กลับค่าบิตที่ใช้ในการแสดงสี


ทั้งหมดคอมพิวเตอร์สมัยใหม่ใช้ 24 บิตหรือ 32 บิตสำหรับการแสดงสีของการตั้งค่าฮาร์ดแวร์:


    

  • 24 bits = 16,777,216 ตัวเลขที่แตกต่างกันของ "True Colors"
    • 

  • 32 bits = 4,294,967,296 ตัวเลขที่แตกต่างกันของ "Deep Colors"
    • 



คอมพิวเตอร์ที่เก่าแก่เนื่องจากใช้ 14 บิต: 65,536 สี "High Colors" ที่ต่างกัน


คอมพิวเตอร์ที่เก่าแก่และโทรศัพท์เก่าแก่ใช้ 8 บิต: 256 สี "VGA colors" ที่ต่างกัน


ตัวอย่าง


แสดงความลึกสีด้วยบิตของจอ:


document.getElementById("demo").innerHTML = "Screen Color Depth: " + screen.colorDepth;



ผลลัพธ์จะเป็น:





ทดลองด้วยตัวเอง


ค่า #rrggbb (rgb) ที่ใช้ใน HTML ตนเองคือ "True Colors" (16,777,216 สีที่ต่างกัน)






ความลึกจุดของ Window Screen


screen.pixelDepth คุณสมบัตินี้กลับค่าความลึกจุดของจอ


ตัวอย่าง


แสดงความลึกสีด้วยบิตของจอ:


document.getElementById("demo").innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;



ผลลัพธ์จะเป็น:





ทดลองด้วยตัวเอง


สำหรับคอมพิวเตอร์ปัจจุบัน ความลึกสีและความลึกจุดเท่ากัน