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 //浏览器页面可用区域的宽度