คุณสมบัติ innerWidth ของ Window

คำนิยามและวิธีใช้

innerWidth คุณสมบัติกลับมาค่าความกว้างของพื้นที่เนื้อหาของหน้าต่าง

innerWidth คุณสมบัติเป็นค่าเรียกดูเท่านั้น

ดูเพิ่มเติม

คุณสมบัติ innerHeight

คุณสมบัติ outerWith

คุณสมบัติ outerHeight

ตัวอย่าง

ตัวอย่าง 1

รับความกว้างของหน้าต่าง

let width = window.innerWidth;

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

let width = innerWidth;

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

ตัวอย่าง 2

ทั้งหมดคุณสมบัติความสูงและความกว้าง

let text =
"<p>innerWidth: " + window.innerWidth + "</p>" +
"<p>innerHeight: " + window.innerHeight + "</p>" +
"<p>outerWidth: " + window.outerWidth + "</p>" +
"<p>outerHeight: " + window.outerHeight + "</p>";

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

รูปแบบ

window.innerWidth

หรือ

innerWidth

ค่าที่กลับมา

ประเภท คำอธิบาย
ตัวเลข ความกว้างภายในของพื้นที่เนื้อหาของหน้าต่างเบราซ่าร์ (แบบพิกเซล)

การสนับสนุนโปรแกรมบราวเซอร์

ทุกบราวเซอร์ทุกครั้งสนับสนุน window.innerWidth：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
การสนับสนุน 9-11 การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน