1.屏幕可视窗口大小
原生方法:
window.innerHeight 标准浏览器及IE9+
document.documentElement.clientHeight 标准浏览器及低版本IE标准模式
document.body.clientHeight 低版本混杂模式
jQuery方法:
$(window).height();复制代码
2.浏览器窗口顶部与文档顶部之间的距离(滚动条滚动的距离)
原生方法:
window.pagYoffset 标准浏览器及IE9+ ||
document.documentElement.scrollTop 兼容ie低版本的标准模式 ||
document.body.scrollTop 兼容混杂模式;
jQuery方法:
$(document).scrollTop();复制代码
3.得到某个元素的尺寸
$(ele).width() = ele.style.width;
$(ele).innerWidth() = ele.style.width+o.style.padding;
$(ele).outerWidth() = ele.offsetWidth = ele.style.width+ele.style.padding+ele.style.border;
$(ele).outerWidth(true) = ele.style.width+ele.style.padding+ele.style.border+ele.style.margin;复制代码
4.获取属性值
如果想拿到外部或内部样式表定义的css样式中的某个属性值,
要使用 ele.currentStyle["attr"]或者ele.currentStyle.attr(只兼容IE,不兼容火狐和谷歌) || window.getComputedStyle(ele,null)[attr]或者是window.getComputedStyle(ele,null).attr
ele.style.xxx方法获取属性值 只适合获取目标元素的内联的样式复制代码
5.获取元素的位置信息
jQuery方法:
$(ele).offset().top元素距离文档顶的距离
$(ele).offset().left元素距离文档左边缘的距离。
原生方法:
getoffsetTop();复制代码
6.元素相对于第一个以定位的父元素的偏移距离
jQuery:position()返回是一个对象
$(ele).position().left = o.style.left;
$(ele).position().top = o.style.top;复制代码