scrollwidth之间的差异,clientwidth和offsetwidth

scrollwidth
对象的实际内容的宽度(不包含行的宽度)将随着对象的内容而改变(内容可能改变对象的实际宽度)。
clientwidth
它是可见对象的宽度,而不是滚动条的轮廓线,它随窗口的显示大小而改变。
offsetwidth
它是对象的可见宽度,包条等边线,以显示窗口的大小而改变。

对scrollwidth和clientwidth例:


77.htm文件





内容是在文本框中输入,和scrollwidth和clientwidth值在水平滚动条是一样的。当一行的内容超出了文本框的宽度,有横向滚动条,并对scrollwidth变化值。
scrollwidth是对象的实际内容的宽度。
clientwidth是宽度(没有边框),象看,这个例子将不会改变。

对clientwidth和offsetwidth例:


77.htm文件





对offsetwidth值总是大于clientwidth价值。
clientwidth是宽度的物体(没有边框)
offsetwidth是宽度的物体(有一个边界,如滚动条的宽度)