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