为了账号安全,请及时绑定邮箱和手机立即绑定

小迷糊求指导~~~

<!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的结果不同?

究竟这三个有什么区别与不同,分别怎么应用?


正在回答

2 回答

我的理解是这样的

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获取的为设置的那个值。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468047    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

小迷糊求指导~~~

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信