JavaScript的尺寸

简介: JavaScript的尺寸

本文介绍了如何使用JavaScript中的window对象属性,如window.screen.availWidth,window.screen.availHeight,window.innerWidth,和window.innerHeight,来获取并打印浏览器的屏幕宽度、屏幕高度以及浏览器窗口的实际大小。

方法                                                            

描述
window.screen.availWidth         屏幕宽度
window.screen.availHeight        屏幕高度
window.innerWidth                浏览器窗口宽度
window.innerHeight                浏览器窗口高度
打印屏幕宽度                 console.log(window.screen.availWidth);  
打印屏幕高度            console.log(window.screen.availHeight);  
打印浏览器窗口宽度         console.log(window.innerWidth);
打印浏览器高度                 console.log(window.innerHeight);
目录
相关文章
|
5月前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
231 1
|
3月前
|
JavaScript
js document.compatMode【详解】(含准确获取浏览器宽高等尺寸的方法)
js document.compatMode【详解】(含准确获取浏览器宽高等尺寸的方法)
25 0
|
4月前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
|
5月前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
55 1
|
11月前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
49 0
【Three.js入门】处理动画、尺寸自适应、双击进入/退出全屏(Clock跟踪时间,Gsap动画库,自适应画面,进入/退出全屏)
【Three.js入门】处理动画、尺寸自适应、双击进入/退出全屏(Clock跟踪时间,Gsap动画库,自适应画面,进入/退出全屏)
132 0
|
JavaScript API
Js:ResizeObserver 接口监视HTML元素尺寸的变化
Js:ResizeObserver 接口监视HTML元素尺寸的变化
101 0
Js:ResizeObserver 接口监视HTML元素尺寸的变化
|
Web App开发 前端开发 JavaScript
JavaScript中 获取DOM元素尺寸和位置
JavaScript中 获取DOM元素尺寸和位置
233 0
JavaScript中 获取DOM元素尺寸和位置
|
移动开发 JavaScript HTML5
JS获取img图片的原始尺寸高度和宽度
JS获取img图片的原始尺寸高度和宽度
538 0
JS获取img图片的原始尺寸高度和宽度
|
Web App开发 前端开发 JavaScript
JavaScript中尺寸、坐标
测试环境是IE8,Chrome38,Firefox40,下面是全局通用脚本打印代码
JavaScript中尺寸、坐标
下一篇
无影云桌面