JavaScript BOM

网页上的各种宽高

怎甘沉沦 提交于 2019-12-06 11:55:43
##关系 window对象表示浏览器中打开的窗口 window.screen 对象包含有关用户屏幕的信息 document对象是window对象的一部分 ##window window.innerHeight: 去除工具条与滚动条的窗口高度 window.innerWidth: 去除工具条与滚动条的窗口宽度 window.outerHeight:一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条) window.outerWidth:窗口的外部宽度,包括所有的界面元素(如工具栏/滚动) ##window.screen window.screen.height: 屏幕分辨率的高 window.screen.width: 屏幕分辨率的宽 window.screen.availHeight: 屏幕可用工作区高度,以像素计,减去界面特性,比如窗口任务栏 window.screen.availWidth: 屏幕可用工作区宽度,以像素计,减去界面特性,比如窗口任务栏 window.screenTop: 窗口相对于屏幕的Y坐标 window.screenLeft: 窗口相对于屏幕的X坐标 ##client相关的高度 ###clientWidth&clientHeight: 元素可见部分高度, padding+content。 如果没有滚动条,即为元素设定的高度和宽度; 如果出现滚动条