鉱山は<!doctype html>です
ブログパーク: <!Doctype HTML public -// w3c // dtd html 4.01 transitional // en>
HTMLドキュメントタイプ参照:http://i.wanz.im/2010/05/28/why_doctype_html/
JSが現在のページの視覚的なサイズを取得していることを確認して見つけます。これは、ページのスクロール位置とは異なります。
このページには、テストおよびソートされた異なるHTMLドキュメントタイプのIEおよびChromeである2000*2000 Divが含まれています。
標準:<!Doctype HTML>
Special:<!Doctype HTML public -// w3c // dtd html 4.01 transitional // en>
HTMLドキュメントタイプがHTMLに追加されない場合、デフォルトは特別なモードです!
| クロム標準 | クロムスペシャル | IE標準 | すなわち特別 | |
| 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.documentlement.clientleft; | 0 | 0 | 0 | 0 |
| document.documentelement.clientWidth; | 473 | 473 | 471 | 0 |
| document.documentelement.clientheight; | 625 | 2010年 | 604 | 0 |
| document.documentlement.scrolltop; | 0 | 0 | 199 | 0 |
| document.documentlement.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 |
合計ページ幅:document.body.scrollwidth;
合計ページの高さ:document.body.scrollheight;
Chromeページの場所:document.body.scrolltop; document.body.scrollleft;
Chrome Standard Page Visual領域:document.documentelement.clientwidth; document.documentelement.clientheight;
Chrome Special Page Visual領域:document.body.clientWidth; document.body.clientheight;
IE標準ページの場所:document.documentelement.scrolltop; document.documentlement.scrollleft;
IE標準ページの視覚領域:document.documentelement.clientWidth; document.documentelement.clientheight;
IE特別ページ場所:document.body.scrolltop; document.body.scrollleft;
IE特別なページビジュアルエリア:document.body.clientWidth; document.body.clientheight;
JSコードは次のとおりです。コードをコピーします