ของฉันคือ: <! doctype html>
Blog Park: <! Doctype html สาธารณะ -// w3c // dtd html 4.01 transitional // en>
เกี่ยวกับประเภทเอกสาร HTML อ้างอิง: http://i.wanz.im/2010/05/28/why_doctype_html/
การตรวจสอบและค้นหาว่า JS ได้รับขนาดภาพของหน้าปัจจุบันซึ่งแตกต่างจากตำแหน่งการเลื่อนของหน้า!
หน้ามี 2000*2000 Div ซึ่งคือ IE และ Chrome ในประเภทเอกสาร HTML ที่แตกต่างกันทดสอบและเรียงลำดับข้อมูลดังนี้:
มาตรฐาน: <! doctype html>
พิเศษ: <! doctype html สาธารณะ -// w3c // dtd html 4.01 transitional // en>
เมื่อไม่เพิ่มประเภทเอกสาร HTML ลงใน HTML ค่าเริ่มต้นคือโหมดพิเศษ!
| มาตรฐานโครเมี่ยม | Chrome Special | เช่นมาตรฐาน | เช่นพิเศษ | |
| document.body.clienttop; | 0 | 0 | 0 | 2 |
| document.body.clientleft; | 0 | 0 | 0 | 2 |
| document.body.clientwidth; | 473 | 473 | 471 | 471 |
| document.body.clientheight; | ปี 2000 | 625 | ปี 2000 | 604 |
| document.body.scrolltop; | 224 | 289 | 0 | 255 |
| document.body.scrollleft; | 315 | 388 | 0 | 278 |
| document.body.scrollwidth; | ปี 2548 | ปี 2548 | ปี 2548 | 2010 |
| document.body.scrollheight; | 2010 | 2010 | ปี 2000 | ปี 2548 |
| document.body.offsettop; | 0 | 0 | 0 | 0 |
| document.body.offsetleft; | 0 | 0 | 0 | 0 |
| document.body.offsetWidth; | 473 | 473 | 471 | 492 |
| document.body.offsetheight; | ปี 2000 | ปี 2000 | ปี 2000 | 625 |
| document.documentelement.clienttop; | 0 | 0 | 0 | 0 |
| document.documentelement.clientleft; | 0 | 0 | 0 | 0 |
| Document.documentElement.ClientWidth; | 473 | 473 | 471 | 0 |
| document.documentelement.clientheight; | 625 | 2010 | 604 | 0 |
| document.documentelement.scrolltop; | 0 | 0 | 199 | 0 |
| document.documentelement.scrollleft; | 0 | 0 | 241 | 0 |
| document.documentelement.scrollwidth; | ปี 2548 | ปี 2548 | ปี 2548 | 492 |
| document.documentelement.scrollheight; | 2010 | 2010 | 2010 | 625 |
| document.documentelement.offsettop; | 0 | 0 | 0 | 0 |
| document.documentelement.offsetleft; | 0 | 0 | 0 | 0 |
| document.documentelement.offsetWidth; | 473 | 473 | 492 | 492 |
| document.documentelement.offSetheight; | 2010 | 2010 | 625 | 625 |
ความกว้างของหน้าทั้งหมด: document.body.scrollwidth;
ความสูงของหน้าทั้งหมด: document.body.scrollheight;
หน้า Chrome ที่ตั้ง: document.body.scrolltop; document.body.scrollleft;
พื้นที่ภาพหน้ามาตรฐาน Chrome: Document.DocumentElement.ClientWidth; document.documentelement.clientheight;
พื้นที่ภาพพิเศษของ Chrome: document.body.clientwidth; document.body.clientheight;
เช่นหน้ามาตรฐานสถานที่ตั้ง: document.documentelement.scrolltop; document.documentelement.scrollleft;
พื้นที่ภาพของหน้ามาตรฐาน IE: document.documentElement.ClientWidth; document.documentelement.clientheight;
เช่นหน้าพิเศษสถานที่: document.body.scrolltop; document.body.scrollleft;
IE หน้าพิเศษพื้นที่ภาพ: document.body.clientwidth; document.body.clientheight;
รหัส JS มีดังนี้:คัดลอกรหัส