日期:2014-05-16 浏览次数:20456 次
客户端javascript对象的几何属性汇总
?????? 在一些客户端javascript对象中,存在着如宽度、高度、坐标类的几何属性,同时这些属性在不同的浏览器下又有不同的属性名。现在将所有的此类对象的几何属性汇总,便于学习,免得搞混。
1. 浏览器窗口在桌面的坐标(x,y)
Window对象
?????? IE下:window.screenLeft, window.screenTop(经测试,发现在IE浏览器下,该坐标为文档在屏幕上面的坐标,并非浏览器窗口在屏幕上面的坐标)
Firefox下:window.screenX, window.screenY
2. 浏览器的可视化窗口大小
所有浏览器除了IE:window.innerWidth, window.innerHeight
?????? IE6 with DOCTYPEL:document.documentElement.clientWidth, document.documentElement.clientHeight
?????? IE6 without DOCTYPE:document.body.clientWidth, document.body.clientHeight
3. 浏览器整个窗口的大小
Window对象
?????? IE不支持:window.outerWidth, window.outerHeight
4. 文档滚动条滚过的宽度和高度
所有浏览器除了IE:window. pageXOffset, window. pageYOffset
?????? IE6 with DOCTYPEL:document.documentElement.scrollLeft, document.documentElement. scrollTOP
?????? IE6 without DOCTYPE:document.body. scrollLeft, document.body. scrollTop
5. 元素的坐标和大小