我们q里说说四种览器对 document.body ?nbsp;clientHeight、offsetHeight ?scrollHeight 的解释,q里说的?document.bodyQ如果是 HTML 控gQ则又有不同Q?a target="_blank">点击q里查看?/p>
q四U浏览器分别为IEQInternet ExplorerQ、NSQNetscapeQ、Opera、FFQFireFoxQ?/p>
文尾的重要说明比较重要,h意?/span>
clientHeight
大家?clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说面览器中可以看到内容的这个区域的高度Q一般是最后一个工h以下到状态栏以上的这个区域,与页面内Ҏ兟?/p>
offsetHeight
IE、Opera 认ؓ offsetHeight = clientHeight + 滚动?+ Ҏ?br />
NS、FF 认ؓ offsetHeight 是网内容实际高度,可以于 clientHeight?/p>
scrollHeight
IE、Opera 认ؓ scrollHeight 是网内容实际高度,可以于 clientHeight?br />
NS、FF 认ؓ scrollHeight 是网内定w度,不过最值是 clientHeight?/p>
单地?/strong> 同理 重要说明 以上是在没有指定 DOCTYPE 的情况下Q如果指定了 DOCTYPEQ比如:DTD XHTML 1.0 TransitionalQ则意义又会不同Q在q种情况下这三个值都是同一个|都表C内容的实际高度。新版本的浏览器大多支持Ҏ面指定?DOCTYPE 来启用不同的解释器。下载或览试文g?
如果要在指定?DOCTYPE 下按上述意义来应用,怎么办呢Q答案是Q将 document.body ?
document.documentElement 一起应用,比如Qdocument.documentElement.scrollLeft ||
document.body.scrollLeftQ一般将 document.documentElement 写在前面Q,cM应用请参见:http://www.cftea.com/c/2008/06/U1FSRIC247DWTK2M.asp?/p>
clientHeight 是透过览器看内容的这个区域高度?br />
NS、FF 认ؓ
offsetHeight ?scrollHeight 都是|页内容高度Q只不过当网内定w度小于等?clientHeight
ӞscrollHeight 的值是 clientHeightQ?offsetHeight 可以于 clientHeight?br />
IE、Opera 认ؓ offsetHeight 是可视区?nbsp;clientHeight 滚动条加Ҏ。scrollHeight 则是|页内容实际高度?/p>
clientWidth、offsetWidth ?scrollWidth 的解释与上面相同Q只是把高度换成宽度卛_?/p>