home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

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

Javascript หน้าต่าง วัตถุเพียงแสดงถึงหน้าต่างเบราว์เซอร์ วิธีนี้ใช้ได้กับเบราว์เซอร์ทั้งหมด เพื่อให้ได้ ความสูงภายใน และ ความกว้างด้านใน วิธีนี้มีคุณสมบัติบางอย่างเช่น window.innerHeight และ window.innerwidth ตามลำดับ การใช้คุณสมบัติเหล่านี้ทำให้ง่ายต่อการค้นหาความสูงและความกว้างของหน้าต่างเบราว์เซอร์ มาคุยกันทีละคน

ความกว้างภายใน

ในตัวอย่างต่อไปนี้ โดยใช้คุณสมบัติ window.innerWidth , ความกว้างด้านในของ หน้าต่างเบราว์เซอร์ ถูกค้นพบและผลลัพธ์จะปรากฏในผลลัพธ์ ให้ผลลัพธ์เป็นพิกเซล

ตัวอย่าง

<html>
<body>
<p id="width"></p>
<script>
   var w = window.innerWidth
   var x = document.getElementById("width");
   x.innerHTML = "Browser inner window width: " + w ;
</script>
</body>
</html>

ผลลัพธ์

Browser inner window width: 598


ความสูงภายใน

ในตัวอย่างต่อไปนี้ โดยใช้คุณสมบัติ window.innerheight ความสูงภายในของหน้าต่างเบราว์เซอร์ ถูกค้นพบและผลลัพธ์จะปรากฏในผลลัพธ์ ให้ผลลัพธ์เป็นพิกเซล

ตัวอย่าง

<html>
<body>
<p id="height"></p>
<script>
   var h = window.innerHeight
   var x = document.getElementById("height");
   x.innerHTML = "Browser inner window height: " + h ;
</script>
</body>
</html>

ผลลัพธ์

Browser inner window height: 477;