Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะรับความกว้างและความสูงของหน้าจอใน JavaScript ได้อย่างไร


Javascript ได้จัดเตรียม window.screen วัตถุที่มีข้อมูลเกี่ยวกับหน้าจอของผู้ใช้ ข้อมูลนี้รวมถึงความสูงและความกว้าง และคุณสมบัติอื่นๆ อีกมากมาย ในการหาความสูงและความกว้างของหน้าจอ วิธีการของจาวาสคริปต์คือ screen.height และ screen.width ตามลำดับ

ความสูง-ไวยากรณ์

scree.height;

ความกว้าง-ไวยากรณ์

scree.width;

ตัวอย่าง

ในตัวอย่างต่อไปนี้ ความกว้างของหน้าจอจะแสดงโดยใช้ screen.width วิธีการ

<html>
<body>
<p id="width"> </p>
   <script>
      document.getElementById("width").innerHTML =
      "Screen width is " + screen.width;
   </script>
</body>
</html>

ผลลัพธ์

1366

ตัวอย่าง

ในตัวอย่างต่อไปนี้ ความสูงของหน้าจอจะแสดงโดยใช้ screen.height วิธีการ

<html>
<body>
   <p id="height"> </p>
   <script>
      document.getElementById("height").innerHTML =
      "Screen heigth is " + screen.height;
   </script>
</body>
</html>

ผลลัพธ์

768