获取浏览器的宽高:

angular 获取浏览器的宽高:

$window.innerWidth;       　　//浏览器的宽

$window.innerHeight;      　　//浏览器的高

jquery $ jqlite 获取鼠标相对于浏览器左上角的距离:

e.pageX;      　　　　　 　　  //鼠标相对于浏览器左上角的left

e.pageY;    　　　　　　 　　  //鼠标相对于浏览器左上角的top

原生获取元素相对于页面左上角的距离:

ele.offsetLeft;              　 　//元素相对于页面左上角的left

ele.offsetTop;               　　//元素相对于页面左上角的top

原生获取元素的宽高:

ele.offsetWidth;　　　　　　　//元素的宽,会包括padding和border

ele.offsetHeight;　　　　　　 //元素的高,会包括padding和border 

jquery 获取浏览器的宽高:

$(window).width()              //浏览器的宽度

$(window).height()             //浏览器的高度

原生获取浏览器可用区域的高度(不包括顶部的导航条,工具栏,也不包括f12调试工具什么的):

chrome里:

document.documentElement.clientHeight               //浏览器页面可用区域的高度

document.documentElement.clientWidth                //浏览器页面可用区域的宽度

转载于:https://www.cnblogs.com/qshting/p/4911654.html