HTML文档类型详解 推荐

2020-04-17 08:11:22易采站长站整理

我的是:<!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;0002
document.body.clientLeft;0002
document.body.clientWidth;473473471471
document.body.clientHeight;20006252000604
document.body.scrollTop;2242890255
document.body.scrollLeft;3153880278
document.body.scrollWidth;2005200520052010
document.body.scrollHeight;2010201020002005
document.body.offsetTop;0000
document.body.offsetLeft;0000
document.body.offsetWidth;473473471492
document.body.offsetHeight;200020002000625
document.documentElement.clientTop;0000
document.documentElement.clientLeft;0000
document.documentElement.clientWidth;4734734710
document.documentElement.clientHeight;62520106040
document.documentElement.scrollTop;001990
document.documentElement.scrollLeft;002410
document.documentElement.scrollWidth;200520052005492
document.documentElement.scrollHeight;201020102010625
document.documentElement.offsetTop;0000
document.documentElement.offsetLeft;0000
document.documentElement.offsetWidth;473473492492
document.documentElement.offsetHeight;20102010625 625

分析: