JavaScript -获取屏窗与视窗、文档宽高

最新推荐文章于 2023-08-22 19:24:44 发布

yukgwy60648

最新推荐文章于 2023-08-22 19:24:44 发布

阅读量347

点赞数

本文链接：https://blog.csdn.net/yukgwy60648/article/details/54744822

版权

本文介绍了JavaScript中获取屏幕、视窗、文档及网页可见区域的各种方法，包括clientWidth、clientHeight、offsetWidth、offsetHeight等的区别，并通过实例展示了它们在不同浏览器中的表现，强调了获取屏幕和可用工作区宽高的方法。

摘要由CSDN通过智能技术生成

实例：1920*1080的电脑屏幕

clientw = window.innerWidth; //1920（包含滚动条）
clienth = window.innerHeight; //883（不含工具条）

clientw = window.outerWidth; //1920（包含滚动条）
clienth = window.outerHeight; //883（包含工具条）

window.innerWidth == window.outerWidth //他们两是相等了，都包含的滚动条的宽度

唯一不同的在高度，如：

当我们未按下F12的时候，也就是当我们暂时没有工具条的时候

clientw = window.innerHeight; //883（不含工具条）
clienth = window.outerHeight; //883（含工具条）

关注