如何在JavaScript中获取屏幕,窗口和网页大小?

如何在JavaScript中获取屏幕,窗口和网页大小?代码 如何在 JavaScript 中获取屏幕 窗口和网页大小 js 获取屏幕宽度

大家好,欢迎来到IT知识分享网。

JavaScript中获取屏幕大小代码如下:

// 获取屏幕宽度 var screenWidth = window.screen.width; // 获取屏幕高度 var screenHeight = window.screen.height; // 获取屏幕可用工作区宽度(不包括任务栏等) var screenAvailableWidth = window.screen.availWidth; // 获取屏幕可用工作区高度(不包括任务栏等) var screenAvailableHeight = window.screen.availHeight; 

在JavaScript中获取窗口大小:

// 获取窗口宽度 var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; // 获取窗口高度 var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 

在JavaScript中获取网页大小:

// 获取整个网页的宽度(包括滚动条) var pageWidth = Math.max( document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.offsetWidth, document.documentElement.clientWidth ); // 获取整个网页的高度(包括滚动条) var pageHeight = Math.max( document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.documentElement.clientHeight ); // 获取网页可见区域的宽度 var pageVisibleWidth = document.documentElement.clientWidth; // 获取网页可见区域的高度 var pageVisibleHeight = document.documentElement.clientHeight; 

前端学习计划

如何在JavaScript中获取屏幕,窗口和网页大小?

前端学习课程分享:

  • 新手入门:HTML5+CSS3+实战项目 → 移动web
  • JavaScript阶段: JavaScript基础 → JavaScript核心Web APIs → 数据交互 & 异步编程Ajax\Git
  • VUE开发:框架前置课Nodejs&es6 → Vue2+Vue3全套
  • React + 微信小程序:React → TypeScript → 微信小程序

黑马程序员前端:2023年Web前端开发学习路线图

 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/130693.html

(0)
上一篇 2025-08-13 17:20
下一篇 2025-08-13 17:26

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信