浏览器窗口可视区域-慕课网

首页课程实战体系课手记专栏慕课教程

浏览器窗口可视区域

来源：9-19 网页尺寸scrollHeight

ailing20

2016-08-03 20:10

浏览器窗口可视区域指的是什么，他和网页尺寸scrollHeight怎么区别

写回答关注

2回答

ailing20

2016-08-04 19:13:34

document.body.clientHeight和document.documentElement.clientHeight有什么区别呢

1 0

翼梦设计工作...

body是DOM对象里的body子节点，即 <body> 标签； documentElement 是整个节点树的根节点root，即<html> 标签；

2016-08-28 23:45:30

共 1 条回复 >
先驱者5199

2016-08-04 10:03:09

可视区域就是：你可以看到的区域。
浏览器窗口显示网页的部分（即不包括地址栏、工具栏）就是可视区。。
你可以用鼠标来推动浏览器窗口来改变大小，此时可视区的大小也是跟着变的。。
各种宽度和高度
      a、可视区的真实宽度和高度
          document.documentElement.clientWidth
          document.documentElement.clientHeight

          都去掉滚动条的大小（一般是17像素），比如我的dell笔记本在chrome下，
          正常的可视区（即无滚动条）大小是1366*663，假如水平和垂直方向都有滚动条的话，这两个值
          的大小为 1349 * 646
      b、
         document.documentElement.offsetWidth   无滚动条 1366  有滚动条 1349 同a
         document.documentElement.offsetHeight  根据实际的html元素被撑开的大小

      c、
         window.innerWidth / window.innerHeight
           （1）有滚动条 document.documentElement.clientWidth + 滚动条宽度
           （2）无滚动条等于document.documentElement.clientWidth
                高度计算规则同宽度

1 0

ailing...

document.body.clientHeight和document.documentElement.clientHeight有什么区别呢

2016-08-04 19:14:08

共 1 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

相似问题

回答 2

回答 1

回答 2

回答 1

回答 2