ตัวอย่าง
ได้รับของหน้าต่างสูงและความกว้าง: (including toolbars/scrollbars) :
var w = window.outerWidth;
var h = window.outerHeight; ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
สถานที่ให้บริการ outerWidth ส่งกลับความกว้างด้านนอกของหน้าต่างรวมทั้งองค์ประกอบอินเตอร์เฟซ (like toolbars/scrollbars)
สถานที่ให้บริการ outerHeight ผลตอบแทนที่สูงด้านนอกของหน้าต่างรวมทั้งองค์ประกอบอินเตอร์เฟซ (like toolbars/scrollbars)
คุณสมบัติเหล่านี้จะอ่านอย่างเดียว
เคล็ดลับ: ใช้ innerWidth และ innerHeight คุณสมบัติที่จะได้รับความกว้าง / ความสูงโดยไม่ต้องแถบเครื่องมือ / เลื่อน
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| outerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| outerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
วากยสัมพันธ์
window.outerWidth
window.outerHeightรายละเอียดทางเทคนิค
| กลับค่า: | หมายเลขที่เป็นตัวแทนของความกว้างด้านนอกและ / หรือความสูงด้านนอกของหน้าต่างเบราว์เซอร์รวมทั้งองค์ประกอบอินเตอร์เฟซที่ทุกคนในพิกเซล |
|---|
ตัวอย่างอื่น ๆ
ตัวอย่าง
การสาธิตการ innerWidth, innerHeight, outerWidth และ outerHeight ในตัวอย่างที่หนึ่ง:
var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt +=
"<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight:
" + window.outerHeight + "</p>"; ลองตัวเอง» <หน้าต่างวัตถุ