offsetheight是什么？height auto
老铁们，大家好，相信还有很多朋友对于offsetheight是什么和height auto的相关问题不太懂，没关系，今天就由我来为大家分享分享offsetheight是什么以及height auto的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！
offsetHeight和clientHeight的区别
我们这里说说四种浏览器对document.body的clientheight、offsetheight和scrollheight的解释，这里说的是document.body，如果是html控件，则又有不同，点击这里查看。
这四种浏览器分别为ie（internetexplorer）、ns（netscape）、opera、ff（firefox）。
clientheight
大家对clientheight都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。
offsetheight
ie、opera认为offsetheight=clientheight+滚动条+边框。
ns、ff认为offsetheight是网页内容实际高度，可以小于clientheight。
scrollheight
ie、opera认为scrollheight是网页内容实际高度，可以小于clientheight。
ns、ff认为scrollheight是网页内容高度，不过最小值是clientheight。
简单地说
clientheight就是透过浏览器看内容的这个区域高度。
ns、ff认为offsetheight和scrollheight都是网页内容高度，只不过当网页内容高度小于等于clientheight时，scrollheight的值是clientheight，而offsetheight可以小于clientheight。
ie、opera认为offsetheight是可视区域clientheight滚动条加边框。scrollheight则是网页内容实际高度。
同理
clientwidth、offsetwidth和scrollwidth的解释与上面相同，只是把高度换成宽度即可。
说明
以上基于dtdhtml4.01transitional，如果是dtdxhtml1.0transitional则意义又会不同，在xhtml中这三个值都是同一个值，都表示内容的实际高度。新版本的浏览器大多支持根据页面指定的doctype来启用不同的解释器。下载或浏览测试文件。
...offsetWidth、clientHeight、offsetHeight 高手详细解释!
四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth和 scrollWidth的解释差异
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth(包括边线的宽)
网页可见区域高：document.body.offsetHeight(包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth
这里说说四种浏览器对 document.body的 clientHeight、offsetHeight和 scrollHeight的解释。
这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。
clientHeight
四种浏览器对 clientHeight的解释都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。
offsetHeight
IE、Opera认为 offsetHeight= clientHeight+滚动条+边框。
NS、FF认为 offsetHeight是网页内容实际高度，可以小于 clientHeight。
scrollHeight
IE、Opera认为 scrollHeight是网页内容实际高度，可以小于 clientHeight。
NS、FF认为 scrollHeight是网页内容高度，不过最小值是 clientHeight。
简单地说
clientHeight就是透过浏览器看内容的这个区域高度。
NS、FF认为 offsetHeight和 scrollHeight都是网页内容高度，只不过当网页内容高度小于等于 clientHeight时，scrollHeight的值是 clientHeight，而 offsetHeight可以小于 clientHeight。
IE、Opera认为 offsetHeight是可视区域 clientHeight滚动条加边框。scrollHeight则是网页内容实际高度。
同理
clientWidth、offsetWidth和 scrollWidth的解释与上面相同，只是把高度换成宽度即可。
注：以上也是转的，对自己有点参考而已，有些值要跟据页面方式而定！我用的Ajax就完全没法用上面的方法定高！
javaScript窗口属性：
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth(包括边线的宽)
网页可见区域高：document.body.offsetHeight(包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth
在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
即可获得，很简单，很方便。
而在公司项目当中：
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
原来是W3C的标准在作怪啊
">
如果在页面中添加这行标记的话
在IE中：
document.body.clientWidth==> BODY对象宽度
document.body.clientHeight==> BODY对象高度
document.documentElement.clientWidth==>可见区域宽度
document.documentElement.clientHeight==>可见区域高度
注：在IE中“可见区域”基本不认可body，而必需使用documentElement！！！！
在FireFox中：
document.body.clientWidth==> BODY对象宽度
document.body.clientHeight==> BODY对象高度
document.documentElement.clientWidth==>可见区域宽度
document.documentElement.clientHeight==>可见区域高度
在Opera中：
document.body.clientWidth==>可见区域宽度
document.body.clientHeight==>可见区域高度
document.documentElement.clientWidth==>页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight==>页面对象高度（即BODY对象高度加上Margin高）
获取窗口高宽：
var w= document.documentElement.offsetWidth;
var h=document.documentElement.offsetHeight;
JS中的offsetLeft属性具体有什么用
可以判断一个物体的跟document的左边距离，也就是浏览器左边缘。写一个div获取这个div之后alert(你的div.offsetLeft)就可以距离浏览器左边的距离。
offset不单单只有Left还有offsetTop offsetWidth offsetHeight都是JS里很有用的属性。(PS:此属性当父元素没有position时有效，有父元素时将是判断距离父元素的距离）。
扩展资料：
JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey解译过的指令暂存，以提高性能，称为实时编译）。
但由于V8的核心部分多数用Javascript撰写（而SpiderMonkey是用C++），因此在不同的测试上，两者性能互有优劣。与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。
参考资料来源：百度百科-javascript
关于offsetheight是什么到此分享完毕，希望能帮助到您。