深入了解，html,head,body,document（文档）、视口、window的关系

从DOM(文本对象模型来看)

DOM将文档中的节点看作是一个个的对象，包括文档节点（document），元素节点(标签名)，属性节点（不是元素节点的子节点）、文本节点，注释节点，上面谈到的每个节点都是一个对象，其中元素节点包括但不限于html、head、body，浏览器为我们创建了访问文档中的节点的入口，也就是document对象，其中document对象也是window对象的属性，document对象是包括html对象的

我们所说的网页，一般由三种组成HTML(结构)、CSS(表现)、Js(形式，实现交互和修改样式)，一般来说，视口（窗口）是小于网页的大小的

固定定位（fixed）是相对于视口来说的，DOM中的鼠标移动事件（onmousemove）中的clientX和clientY是相对于视口的，而不是相对于整个网页的，因此，在鼠标拖动div移动的那个视频中（Javascript基础课中的第112个视频中，由于滚动条的出现，以及left和clientX相对于计算的位置不同，产生了问题）