日期:2014-05-16  浏览次数:20456 次

javascript中的几何属性汇总

客户端javascript对象的几何属性汇总

?????? 在一些客户端javascript对象中,存在着如宽度、高度、坐标类的几何属性,同时这些属性在不同的浏览器下又有不同的属性名。现在将所有的此类对象的几何属性汇总,便于学习,免得搞混。

1. 浏览器窗口在桌面的坐标(x,y


Window
对象

?????? IE下:window.screenLeft, window.screenTop(经测试,发现在IE浏览器下,该坐标为文档在屏幕上面的坐标,并非浏览器窗口在屏幕上面的坐标)

Firefox下:window.screenX, window.screenY



2.
浏览器的可视化窗口大小


所有浏览器除了IEwindow.innerWidth, window.innerHeight

?????? IE6 with DOCTYPELdocument.documentElement.clientWidth, document.documentElement.clientHeight

?????? IE6 without DOCTYPEdocument.body.clientWidth, document.body.clientHeight



3.
浏览器整个窗口的大小


Window
对象

?????? IE不支持:window.outerWidth, window.outerHeight



4.
文档滚动条滚过的宽度和高度


所有浏览器除了IEwindow. pageXOffset, window. pageYOffset

?????? IE6 with DOCTYPELdocument.documentElement.scrollLeft, document.documentElement. scrollTOP

?????? IE6 without DOCTYPEdocument.body. scrollLeft, document.body. scrollTop



5.
元素的坐标和大小