Le mien est: <! Doctype html>
Blog Park: <! Doctype html public - // w3c // dtd html 4.01 transitional // en>
À propos de HTML Type de document Référence: http://i.wanz.im/2010/05/28/why_doctype_html/
Vérification et constatation que JS obtient la taille visuelle de la page actuelle, qui est différente de la position de défilement de la page!
La page contient une div 2000 * 2000 qui est IE et Chrome dans différents types de documents HTML testés et triés comme suit:
Standard: <! Doctype HTML>
Special: <! Doctype HTML Public - // W3C // DTD HTML 4.01 Transitional // en>
Lorsque le type de document HTML n'est pas ajouté à HTML, la valeur par défaut est le mode spécial!
| Standard chromé | Chrome spécial | IE Standard | IE spécial | |
| 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.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; | 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.offSetheight; | 2010 | 2010 | 625 | 625 |
Largeur totale de la page: document.body.scrollwidth;
Hauteur totale de la page: document.body.scrollHeight;
Chrome Page Emplacement: document.body.scrolltop; document.body.scrollleft;
Chrome Standard Page Visual Zone: document.DocumentElement.ClientWidth; document.DocumentElement.ClientHeight;
Chrome Special Page Visual Area: Document.Body.ClientWidth; document.body.clientHeight;
IE Emplacement de la page standard: document.DocumentElement.ScrollTop; document.DocumentElement.Scrollleft;
La zone visuelle de la page standard IE: document.DocumentElement.ClientWidth; document.DocumentElement.ClientHeight;
IE Emplacement de la page spéciale: document.body.scrolltop; document.body.scrollleft;
IE Page Special Zone visuelle: document.body.clientwidth; document.body.clientHeight;
Le code JS est le suivant:Copier le code