Meins ist: <! DocType html>
Blog Park: <! DocType html public -// w3c // dtd html 4.01 transitional // en>
Über HTML -Dokumenttyp Referenz: http://i.wanz.im/2010/05/28/why_doctype_html/
Überprüfen und feststellen, dass JS die visuelle Größe der aktuellen Seite erhalten, die sich von der Bildlaufposition der Seite unterscheidet!
Die Seite enthält ein 2000*2000 DIV, das IE und Chrom in verschiedenen HTML -Dokumenttypen ist, die wie folgt getestet und sortiert wurden:
Standard: <! DocType html>
Spezial: <! DocType html public -// w3c // dtd html 4.01 transitional // en>
Wenn HTML -Dokumenttyp nicht zu HTML hinzugefügt wird, ist der Standardmodus!
| Chromstandard | Chrome Special | Dh Standard | Dh besonders | |
| 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; | 2005 | 2005 | 2005 | 2010 |
| document.body.scrollHeight; | 2010 | 2010 | 2000 | 2005 |
| document.body.offsettop; | 0 | 0 | 0 | 0 |
| document.body.offsetleft; | 0 | 0 | 0 | 0 |
| document.body.offsetwidth; | 473 | 473 | 471 | 492 |
| document.body.offseteight; | 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; | 2005 | 2005 | 2005 | 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.offseteight; | 2010 | 2010 | 625 | 625 |
Gesamtseitenbreite: document.body.scrollwidth;
Gesamtseitenhöhe: Dokument.body.ScrollHeight;
Chrome -Seite Ort: document.body.scrolltop; document.body.scrollleft;
Visuelle Bereich von Chrome Standard Seite: document.documentElement.clientwidth; document.documentElement.clientHeight;
Chrome Special Page Visual Area: Dokument.body.Clientwidth; document.body.clientHeight;
Dh Standard -Seite Ort: document.documentElement.scrolltop; document.documentElement.scrollleft;
Der visuelle Bereich der IE -Standardseite: document.documentElement.clientwidth; document.documentElement.clientHeight;
Dh spezielle Seite Ort: document.body.scrolltop; document.body.scrollleft;
Dh Special Page Visual Area: Dokument.body.Clientwidth; document.body.clientHeight;
Der JS -Code lautet wie folgt:Kopieren Sie den Code