The window.screen วัตถุได้ให้คุณสมบัติมากมายเพื่อรับข้อมูลเกี่ยวกับหน้าจอเบราว์เซอร์ มีให้ screen.availWidth และ screen.availHeight เพื่อให้ได้ ส่วนสูงที่มี และ ความกว้างที่ใช้ได้ ของหน้าจอ มาคุยกันทีละคน
ความกว้างที่ใช้ได้
ตัวอย่าง
screen.availWidth คุณสมบัติส่งคืนความกว้างที่แท้จริงของหน้าจอของผู้เยี่ยมชม ซึ่งหมายความว่าจะลบความกว้างของคุณสมบัติอินเทอร์เฟซ เช่น แถบงานของ Windows ค่าผลลัพธ์จะเป็น พิกเซล .
<html>
<body>
<p id="width"></p>
<script>
document.getElementById("Width").innerHTML =
"Available screen width is " + screen.availWidth;
</script>
</body>
</html> ผลลัพธ์
Available screen width is 1366
ความสูงที่มีจำหน่าย
ตัวอย่าง
ส่วน screen.availHeight คุณสมบัติส่งคืนความสูงที่แท้จริงของหน้าจอ ซึ่งหมายความว่าจะลบคุณสมบัติอินเทอร์เฟซเช่น Windows Taskbar ค่าผลลัพธ์จะเป็น พิกเซล .
<html>
<body>
<p id="height"></p>
<script>
document.getElementById("height").innerHTML =
"Available screen width is " + screen.availHeight;
</script>
</body>
</html> ผลลัพธ์
Available screen height is 728
