為什么我的高用了document.body.clientHeight高度變成了160。。html中有寫兩個height為100%
var WINDOW_WIDTH = document.body.clientWidth;
? ? var WINDOW_HEIGHT = document.body.clientHeight;
? ? var MARGINTOP = Math.round(WINDOW_HEIGHT/4);
? ? var MARGINLEFT = Math.round(WINDOW_WIDTH/10);
? ? var RADIUS = Math.round(WINDOW_WIDTH * 4 / 5 / 126) - 1;
? ? var minus = getCurTime();
? ? var balls = [];
? ? var colors = ["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"];
window.onload = function(){
var canvas = document.getElementsByTagName('canvas')[0];
var context = canvas.getContext('2d');
canvas.width = WINDOW_WIDTH;
canvas.height = WINDOW_HEIGHT;
setInterval(function(){
clock(context);
update();
},50);
}
2019-12-06
奇怪，我也是遇到這個問題，但是，把index.html文件中最上面那句
奇怪，我也是遇到這個問題，但是我把index.html文件最上面一行 “<!DOCTYPE?html>”刪掉，就可以了，不知道為什么，有大俠幫忙解釋一下嗎？
2018-08-09
應(yīng)該是內(nèi)容撐不滿一屏導(dǎo)致的clientHeight參數(shù)獲取錯誤，可以在css里面加一句
html{
height：100%；
overflow： hidden；
}
這個時候console出來的高度才對
2016-10-18
我也出現(xiàn)了相同的問題
改成這樣就可以了<canvas id="canvas" style="width: 100%;height: 100%"></canvas>
2016-06-29
可能瀏覽器兼容問題，我該成了WINDOW_HEIGHT = document.body.scrollHeight||document.documentElement.scrollHeight;就全部顯示但，有滾動條.然后
body{
overflow: hidden;
}
就可以了
2016-05-26
把html文件頂部的<!DOCTYPE html PUBLIC xxxxxxxx省略xxxxxxxxx> 刪掉應(yīng)該可以解決這個問題。
2016-05-14
我也是，而且我把老師的源碼下載下來運(yùn)行也是只顯示153px的高度，為什么為什么