视口vs窗口Vs文档
在以下代码中，
document.documentElement.clientWidth
1349
document.documentElement.clientHeight
363
window.innerWidth
1366
window.innerHeight
363
window.screen.height
768
window.screen.width
1366所以，我的桌面屏幕是1366 px宽和768 px高度。
我知道了，
视图大小使用document.documentElement.clientWidth和document.documentElement.clientHeight引用。
窗口尺寸使用window.innerWidth和window.innerHeight引用。
1)视点和文档有什么区别？
2)何时调用window.onload Vs document.onload？
回答 3
Stack Overflow用户
发布于 2015-11-18 02:09:27
当页面大于屏幕时，情况就不同了。
视图是一个矩形区域，在那里你可以看到东西。文档可以大于此，如果是的话，您将看到滚动条。
至于你的第二个问题：window.onload对document.onload
这是一个总结。
视图：--这是你的设备屏幕。
窗口：--这是您的浏览器窗口。窗口可以和视口一样大，也可以更小。
文档：，这是网页。它可以比视口大，也可以比窗口大。
注意:有些网站不是为手机而创建的。因此，网页/文档要比移动视图大得多，您必须滑动才能看到屏幕外溢出的部分。在桌面上，您可以使浏览器的窗口变小或与视口/监视器相同。
Stack Overflow用户
发布于 2015-11-18 02:12:16
文档：
文档是JavaScript中的一个对象，它表示页面的DOM ()。document对象是整个页面结构(所有HTML元素等)的表示，因此如下：
document.documentElement.clientHeight
document.documentElement.clientWidth应该为您提供<html>元素的宽度。
视图：
使用此方法：
window.innerWidth
window.innerHeight提供浏览器内窗口的实际可见(物理)尺寸。
window.onLoad
window.onload (a.k.a body.onload)在主HTML、所有CSS、所有图像和所有其他资源被加载和呈现后被触发。
document.onLoad
在DOM准备就绪时调用，这可以在加载图像和其他外部内容之前调用。
Stack Overflow用户
发布于 2020-03-27 12:59:01
我认为MDN在这里提供了最好的解释，我在下面复制/粘贴了一些重要的部分：
document元素的Element.clientWidth是以CSS像素为单位的文档的内部宽度，包括填充(如果存在，则不包括边框、边距或垂直滚动条)。这是视口宽度.
Window.innerWidth是浏览器窗口视图端口的宽度(以CSS像素为单位)，如果呈现，则包括垂直滚动条。
Window.outerWidth是浏览器窗口外部的宽度，包括所有的窗口铬。
https://stackoverflow.com/questions/33770549
复制相似问题
腾讯云开发者
