小迷糊求指導~~~
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
/*??? var height1 =document.documentElemnet.clientHeight||document.body.clientHeight;
??? var width1 =document.documentElement.clientWidth||document.body.clientWidth;
??? document.write(height1 + "<br/>");
??? document.write(width1 + "<br/>");*/
?? ?
??? var height2 = document.body.clientHeight;
??? var width2 = document.body.clientWidth;
??? document.write(height2+"<br/>");
??? document.write(width2+"<br/>");
?? ?
??? var height3 = window.innerHeight;
??? var width3 = window.innerWidth;
??? document.write(height3+"<br/>");
??? document.write(width3+"<br/>");
?? ?
??? var height4 = document.documentElement.clientHeight;
??? var width4 = document.documentElement.clientWidth;
??? document.write(height4+"<br/>");
??? document.write(width4+"<br/>");
</script>
</body>
</html>
1.上述代碼 為什么我把求width1和height1的內容加上就不顯示輸出結果。
只求得下面三個就可以？
2.window.innerHeight與 ? document.documentElement.clientHeight和document.body.clientHeight的結果不同？
究竟這三個有什么區別與不同，分別怎么應用？
2020-12-23
我的理解是這樣的
1、是因為你給width1和height1賦值的時候使用了邏輯操作符，賦值給width1和height1是一個判斷式，也就不能輸出一個結果。
2、window.innerHeight與 ? document.documentElement.clientHeight，結果應該是一樣的，都可以獲得瀏覽器窗口的尺寸（瀏覽器的視口，不包括工具欄和滾動條）?！究唇坛痰囊馑际窃贗E 8、7、6、5版本中document.documentElement.clientHeight表示HTML文檔所在窗口的當前高度，因為我沒有IE9一下的版本，所以不太清楚這里有什么區別】【ie9+以及其他瀏覽器這兩個是相同的效果】
document.body.clientHeight是指HTML文檔中<body>的高度，如果<body>標簽里面沒有內容,高度為0，如果通過css設置了body的height值，則document.body.clientHeight獲取的為設置的那個值。