几个width,height,x,y的解释
clientX:事件发生时，鼠标在客户端区域（不包含工具栏，滚动条等）的位置。
clientY:事件发生时，鼠标在客户端区域（不包含工具栏，滚动条等）的位置。
offsetX:鼠标相对于引起事件的对象的x坐标。
offsetY:鼠标相对于引起事件的对象的y坐标。
x：鼠标相对于引起事件的元素的父元素的x坐标。
y：鼠标相对于引起事件的元素的父元素的y坐标。
screenX：相对于整个计算机屏幕的鼠标的x坐标。
screenY：相对于整个计算机屏幕的鼠标的y坐标。
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
scrollWidth是对象实际内容的宽度。
一个scrollWidth和clientWidth的例子：
<html>
<head>
<title>77.htm文件</title>
</head>
<body>
<textarea wrap="off" onfocus="alert(’scrollWidth:’+this.scrollWidth+’\n clientWidth:’+this.clientWidth);"></textarea>
</body>
</html>
在文本框内输入内容，当横向滚动条没出来前scrollWidth和clientWidth的值是一样的。
当一行内容超出文本框的宽度，就有横向滚动条出来了，scrollWidth的值就变了。
CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关
clientY:事件发生时，鼠标在客户端区域（不包含工具栏，滚动条等）的位置。
offsetX:鼠标相对于引起事件的对象的x坐标。
offsetY:鼠标相对于引起事件的对象的y坐标。
x：鼠标相对于引起事件的元素的父元素的x坐标。
y：鼠标相对于引起事件的元素的父元素的y坐标。
screenX：相对于整个计算机屏幕的鼠标的x坐标。
screenY：相对于整个计算机屏幕的鼠标的y坐标。
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
scrollWidth是对象实际内容的宽度。
一个scrollWidth和clientWidth的例子：
<html>
<head>
<title>77.htm文件</title>
</head>
<body>
<textarea wrap="off" onfocus="alert(’scrollWidth:’+this.scrollWidth+’\n clientWidth:’+this.clientWidth);"></textarea>
</body>
</html>
在文本框内输入内容，当横向滚动条没出来前scrollWidth和clientWidth的值是一样的。
当一行内容超出文本框的宽度，就有横向滚动条出来了，scrollWidth的值就变了。
CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关