我的是：<!DOCTYPE html>
博客園：<!DOCTYPE HTML PUBLIC "-//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 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
當HTML中未添加HTML文檔類型時，默認為特殊模式！
| Chrome標準 | Chrome特殊 | IE標準 | 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
學習交流
熱門圖片
猜你喜歡的新聞
新聞熱點  2019-10-23 09:17:05
 2019-10-21 09:20:02
 2019-10-21 09:00:12
 2019-09-26 08:57:12
 2019-09-25 08:46:36
 2019-09-25 08:15:43
疑難解答 圖片精選 |
