首页 > 其他 > 详细

获取浏览器的宽高:

时间:2015-10-26 16:58:28      阅读:292      评论:0      收藏:0      [点我收藏+]

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

获取浏览器的宽高:

原文:http://www.cnblogs.com/qshting/p/4911654.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!