缺少DOCTYPE导致网页可视区域变大

今天遇到了个很让我郁闷的问题

var clientTop = document.documentElement.clientHeight || document.body.clientHeight;

获取可视区域的高度居然是6w多这就太不正常了,折腾了半天

才发生没有在网页上声明DOCTYPE所导致的问题

！声明必须位于 HTML5 文档中的第一行，也就是位于  标签之前。该标签告知浏览器文档所使用的 HTML 规范。

doctype 声明不属于 HTML 标签；tag; 它是一条指令，告诉浏览器编写页面所用的标记的版本。

在所有 HTML 文档中规定 doctype 是非常重要的，这样浏览器就能了解预期的文档类型。