瀏覽器兼容問題？var w=document.body.clientWidth; var h=document.body.clientHeight; document.write(w+"*"+h+"<br>");
var w=document.body.clientWidth;
var h=document.body.clientHeight;
document.write(w+"*"+h+"<br>");
這個(gè)在我瀏覽器顯示的是 1350*0
var w=document.documentElement.clientWidth||document.body.clientWidth;
var h=document.documentElement.clientHeight||document.body.clientHeight;
document.write(w+"*"+h+"<br>")
var w=document.documentElement.clientWidth;
var h=document.documentElement.clientHeight;
document.write(w+"*"+h+"<br>")
var w=window.innerWidth;
var h=window.innerHeight;
document.write(w+"*"+h+"<br>")
這三個(gè)方法在我瀏覽器上顯示的都是 1366*668
這是瀏覽器兼容問題么，差別也太大了吧，求教~~~
2018-02-09
這個(gè)不是瀏覽器兼容問題，如果我沒猜錯(cuò)的話，你這是個(gè)空的HTML頁面
解決方案：????加一個(gè)css body{ height: 100%;}
原因：document.documentElement.clientHeight 是獲取文檔的高度，它是有默認(rèn)高度的，等于窗口高度，也是height：100%；而document.body.clientHeight 是獲取body元素的高度，它也是有默認(rèn)高度，只不過是隨內(nèi)容高度而撐開，是height：auto；body元素又是一個(gè)塊級(jí)元素，默認(rèn)寬度100%。而你那是個(gè)空的HTML頁面，所以得到的結(jié)果是1350*0
純手打，望采納~
2016-07-16
var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
var clientHeight = document.documentElement.clientHeight|| document.body.clientHeight;