首頁(yè) 猿問(wèn) document.body.cli...

document.body.clientHeight取頁(yè)面高度的問(wèn)題

JavaScript

搖曳的薔薇 2019-02-18 21:18:45

我想得到整個(gè)頁(yè)面的高度，但是我用document.body.clientHeight輸出網(wǎng)頁(yè)的高度時(shí)，得到的卻是和document.body.offsetHeight相同的值，兩個(gè)都是取body內(nèi)元素div的height+padding2+border2，這是為什么呢？謝謝大家！HTML部分：<body> <div id="abc" class="aaa">測(cè)試</div></body>JS部分：window.onload = function(){ var body = document.body; alert(body.clientHeight) }；輸出的結(jié)果：alert(body.clientHeight) //得到1402alert(body.offsetHeight) //得到1402補(bǔ)充：用innerHeight可以得到窗口高度

查看完整描述

1 回答

楊魅力

TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超6個(gè)贊

這不是很正常嗎？首先你取的是document.body，offsetHeight：body+其內(nèi)邊距+滾動(dòng)條+邊框
clientHeight：body+其內(nèi)邊距- 水平滾動(dòng)條高度，但是body的滾動(dòng)條是不包括在其內(nèi)容高度的，是算作document.documentElement的，所以body的滾動(dòng)條可以無(wú)視，你body沒(méi)有設(shè)置邊框所以二者相等，都為body+其內(nèi)邊距

反對(duì) 回復(fù) 2019-02-27