大家好,欢迎来到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;
前端学习计划
前端学习课程分享:
- 新手入门: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