IT虾米网

js/jquery各种宽高的理解和应用

mate10pro 2018年05月30日 编程语言 1184 0

window相关的宽高

window是可以省略的,直接与window挂钩的宽高有如下几个!

window.innerWidth 
window.innerHeight window.outerWidth window.outerHeight

展示如下:

enter image description here

innerHeight又叫可视区域。支持IE9及以上浏览器。

window.screen.height window.screen.width window.screen.availHeight window.screen.availWidth window.screenTop window.screenLeft

enter link description here

enter image description here

与document相关的宽高

包括与client相关的、与offset相关的、与scroll相关的。

并讲到了documentElement和body的区别。

Event对象的五种坐标

enter image description here

 

评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!