window.onload和document.onload的区别
浏览器的html文档成为document对象,document对象是window对象的一部分。在一个浏览器窗口中可能有多个document,例如通过iframe加载的页面,每一个都是一个document。
当浏览器下载到一个网页,通常是HTML,这个HTML就叫document(当然,这也是DOM树中的一个node)。document通常是整个DOM树的根节点,这个document包含了标题(document.title)、URL(document.URL)等属性,可以直接在JS中访问到。
JS可以通过document访问其子节点(任何节点):
document.body;
document.getElementById('xxx');
与document相关的宽高(以document.body为例)
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft