在下面的代码中，
document.documentElement.clientWidth
1349
document.documentElement.clientHeight
363
window.innerWidth
1366
window.innerHeight
363
window.screen.height
768
window.screen.width
1366
所以，我的桌面屏幕宽 1366 像素，高 768 像素。
我了解到，
视口尺寸参考使用document.documentElement.clientWidth and document.documentElement.clientHeight.
窗户尺寸参考使用window.innerWidth and window.innerHeight.
1）视口和文档有什么区别？
2）什么时候window.onload Vs document.onload被调用？
当页面大于屏幕时，情况会有所不同。
视口是您可以看到事物的矩形区域。该文档可以大于此值，如果是这样，您将看到滚动条。
至于你的第二个问题：window.onload 与 document.onload https://stackoverflow.com/questions/588040/window-onload-vs-document-onload
这是一个总结。
视口：这是您的设备屏幕。
Window:这是您的浏览器窗口。窗口可以与视口一样大或更小。
文档：这是网页。它可以比视口大，甚至比窗口大。
笔记：
有些网站不适合移动使用。因此，网页/文档比移动视口大得多，您必须滑动才能看到溢出屏幕的部分。
在桌面上，您可以使浏览器窗口更小或与视口/监视器相同。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
