小迷糊求指导~~~
手可摘星_陈
2020-11-11 13:39
<!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的结果不同？
究竟这三个有什么区别与不同，分别怎么应用？
1回答
-
- 暗中讨饭
- 2020-12-23 15:53:31
我的理解是这样的
1、是因为你给width1和height1赋值的时候使用了逻辑操作符，赋值给width1和height1是一个判断式，也就不能输出一个结果。
2、window.innerHeight与 document.documentElement.clientHeight，结果应该是一样的，都可以获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。【看教程的意思是在IE 8、7、6、5版本中document.documentElement.clientHeight表示HTML文档所在窗口的当前高度，因为我没有IE9一下的版本，所以不太清楚这里有什么区别】【ie9+以及其他浏览器这两个是相同的效果】
document.body.clientHeight是指HTML文档中<body>的高度，如果<body>标签里面没有内容,高度为0，如果通过css设置了body的height值，则document.body.clientHeight获取的为设置的那个值。
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题