# 如何实现jquery clientHeight
## 简介
在本文中，我将向你介绍如何使用jQuery来获取元素的clientHeight。clientHeight是指元素的可见高度，不包括边框(border)和内边距(padding)。
作为一名经验丰富的开发者，我将带领你从头开始学习并实现这个功能。在这个过程中，我会提供详细的步骤和代码示例，帮助你理解并成功完成这个任务。
## 步骤
clientHeight大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个
1、javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别这个问题是我在整合新的美工页面的时候发现的，在整合页面的时候菜单页面始终显示不出来。但是查看源代码，里面又已经打印出来了所有的菜单。唯一的解释就是js的问题了。用火狐firebug测试，发现其中一个取得页面高度的变量 bodyHe
转载
2010-07-16 11:45:00
44阅读
原生js：scrollTop —— 滚动条滚动的距离（注意：不是滚动条距顶端的距离）scrollHeight —— 文档内容的实际高度，包含超出视图溢出的部分 clientHeight —— 窗口可视范围的高度当clientHeight + scrollTop >= scrollHeight时，表示已经抵达内容的
原创
2020-10-16 21:55:13
193阅读
首先了解下document HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档节点。 所有的HTML元素都是元素节点。 所有 HTML 属性都是属性节点。 文本插入到 HTML 元素是文本节点。are text
原创
2021-06-04 20:32:37
688阅读
window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetH
转载
精选
2016-02-16 14:21:45
651阅读
关于clientHeight、offsetHeight、scrollHeightwindow.screen.availWidth 返回当前屏幕宽度(空白空间)window.screen.availHeight 返回当前屏幕高度(空白空间)window.screen.width 返回当前屏幕宽度(分辨率值)window.screen.height 返回当前屏幕高度(分辨率值)window.docum...
转载
2010-08-23 14:06:00
148阅读
2评论
我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释，这里说的是 document.body，如果是 HTML 控件，则又有不同，点击这里查看。这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。clientHeight大家对 cli...
转载
2010-10-26 17:35:00
116阅读
document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度实例： var hi = document.documentElement.clientHeight; var wi = document.documentElement.clientWidth; var wi = wi-2; va
转载
2013-07-05 16:43:00
108阅读
2评论
一、和window有关的宽高window.innerWidth:浏览器窗口宽度window.innerHeight:浏览器窗口高度（不包括导航，工具栏等的高度）window.outerWidth:浏览器窗口宽度（很多时候===window.innerWidth）window.outerHeight:浏览器窗口高度（包括导航，工具栏等的高度）window.screen.width:用户设备屏幕的宽度
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElemen
转载
2015-12-16 21:15:00
66阅读
2评论
height、clientHeight、scrollHeight、offsetHeight区别我们来实现test中的onclick事件 function justAtest(){ var test= document.getElementById("test"); var test2=documen...
原创
2021-08-18 09:49:13
151阅读
height、clientHeight、scrollHeight、offsetHeight区别 我们来实现test中的onclick事件 function justAtest() { var test= document.getElementById("test"); var test2=docum
原创
2022-04-21 16:46:46
84阅读
由于最近项目需要自动跳转到网页某个无素的位置，所以抽了点时间来学习理清这几个高度的用处，最后的应例案例就是我需要达到的目的，虽然是很小的一个点，记录以备查用 网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样式表决定。viewport:浏览器窗口的大小，指在浏览器窗口中看到的那部分 ...
转载
2021-09-18 15:00:00
255阅读
2评论
转载
2009-11-02 17:31:00
109阅读
关于clientHeight、offsetHeight、scrollHeightwindow.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当
原创
2022-11-25 22:23:40
81阅读
介绍网上介绍clientheight、offsetheight、scrollheight的帖子很多，看后感觉明白了，一细想
原创
2023-06-28 14:13:26
278阅读
对clientWidth、offsetWidth、clientHeight、offsetHeigh有时候就是搞不清楚，在网络上找到的别人的总结：引用内容IE6.0、FF1.06+：clientWidth = width + paddingclientHeight = height + paddingoffsetWidth = width + padding + borderoffsetHeight...
转载
2010-10-27 16:19:00
118阅读
2评论
scrollHeight: 获取对象的滚动高度，对象的实际高度；scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取当前对象到其上级层左边的距离.offsetTop:获取当前对象到其上级层顶部的距离.event.clientX 相对文档的水平座标event.clientY 相对文档的垂直座标event.offsetX 相对容
转载
2012-04-20 16:57:00
108阅读
2评论
对于这三个css属性，首先有两点是需要注意的：scrollHeight、clientHeight只可读不可写，scrollTop可读可写。他们都是用在滚动列表的外层元素上的。在实际应用中有两个场景会经常用到这三个属性，下面分两个大方向来分别介绍：判断滚动是否到底1.scrollHeight：描述：包括overflow样式属性导致的视图中不可见内容的高度（单位像素），包括元素的padding，但不包
原创
2021-04-11 19:56:28
7280阅读
