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

为什么我测试出来的document.documentElement.offsetWidth;不包含滚动条宽度

为什么我测试出来的document.documentElement.offsetWidth;不包含滚动条宽度

慕姐8259394 2017-08-06 20:08:56
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">body{border:3px red solid;    padding:0;    margin:0;}</style></head><body><p>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><p>yyy</p><script type="text/javascript">var h=document.documentElement.offsetHeight;var w=document.documentElement.offsetWidth;document.write(h+"<br>");document.write(w+"<br>");document.write("<br>");var h2=document.documentElement.scrollHeight;var w2=document.documentElement.scrollWidth;document.write(h2+"<br>");document.write(w2+"<br>");document.write("<br>");var h1=window.innerHeight;var W1=window.innerWidth;var h1_1=document.documentElement.clientHeight;var W1_1=document.documentElement.clientWidth;var h1_2=document.body.clientHeight;var W1_2=document.body.clientWidth;document.write(h1+"&nbsp"+h1_1+"&nbsp"+h1_2+"<br>");document.write(W1+"&nbsp"+W1_1+"&nbsp"+W1_2+"<br>");document.write("<br>");</script></body></html>这是得到的结果1246130813002147605 588 13481325 1308 1302为什么我测试出来的document.documentElement.offsetWidth;的宽度减去了滚动条宽度17px,不是说包含滚动条宽度吗?如果删去了上面内容是三个Y的所有p元素,这时document.documentElement.scrollHeight小于document.documentElement.clientHeight,但却没有返回一个值等于它document.documentElement.clientHeight。
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1702 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信