1.Element.clientHeight和Element.clientWidth分别返回元素节点可见部分的高度和宽度。这个“可见部分”包括填充,但不包括边框、边距和滚动条。letrootElement=document.documentElement;//当前可见的网页高&宽rootElement.clientHeightrootElement.clientWidth2.Element.scrollHeight和Element.scrollWidth都分别返回网页元素的总高度和宽度。它包括填充,但不包括边框、边距和滚动条。letrootElement=document.documentElement;//网页总高度rootElement.scrollHeightdocument.body.scrollHeightdocument.body.clientHeight//网页总宽度rootElement.scrollWidthdocument.body.scrollWidthdocument.body.clientWidth3.Element.scrollLeftandElement.scrollTop分别表示元素水平滚动条向右滚动和垂直滚动条向下滚动的像素数。如果网页没有滚动条,则其值为0/当水平滚动条向右滚动时,返回truerootElement.scrollWidth-rootElement.scrollLeft===rootElement.clientWidth4。Element.offsetHeight和Element.offsetWidth都包括填充、边框和滚动条。letrootElement=document.documentElement;//网页的总高度rootElement.offsetHeightdocument.body.offsetHeight//网页的总宽度rootElement.offsetWidthdocument.body.offsetWidth综上,获取height&width的方法网页是:letrootElement=document.documentElement;//因为和
的宽度可能设置不同,所以从中取值比较安全。//网页总高度rootElement.offsetHeightrootElement.scrollHeightdocument.body.offsetHeightdocument.body.scrollHeight//网页总宽度rootElement.offsetWidthrootElement.scrollWidthdocument.body.offsetWidthdocument.body.scrollWidth//可见部分高度window.innerHeight//包含滚动条rootElement.clientHeight//不包含滚动条//可见部分宽度window.innerWidth//包含滚动条rootElement.clientWidth//不包含滚动条