jQuery ดึงขนาดหน้าจอ ด้วยคำสั่ง width และ height

สอนเขียน jQuery ดึงขนาดหน้าจอ ด้วยคำสั่ง width และ height โดยใช้คำสั่ง $(window) ซึ่งจะอ้างถึง window และใช้คำสั่ง width() สำหรับขนาดหน้าจอความกว้าง และคำสั่ง height() สำหรับขนาดหน้าจอความสูง สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery ดึงขนาดหน้าจอ ด้วยคำสั่ง width และ height

<script>
    let w = $(window).width();
    let h = $(window).height();
    console.log( "หน้าจอกว้าง "+w+" และสูง "+h );
</script>

ผลลัพธ์

หน้าจอกว้าง 1536 และสูง 754

jQuery ดึงขนาดหน้าจอ แนะนำให้ใช้คำสั่ง $(window).width() สำหรับความกว้าง และ $(window).height() สำหรับความสูง ของขนาดหน้าจอ มีหน่วยเป็น Pixels (px)