JS获取body的高度

 时间:2024-10-17 02:03:37

1、新建一个html文件,命名为test.html,用于讲解JS获取body的高度。

JS获取body的高度

2、在test.html文件中,使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行getheight()函数。

JS获取body的高度

3、在js标签内,创建一个getheight()函数,在函数内,通过clientHeight属性获得网页可见区域高,包括padding但不包括border、水平滚动条、margin的元素的高度。

JS获取body的高度

4、在getheight()函数内,通过offsetHeight属性获得网页可见区域高猾诮沓靥(包括边线的高),包括padding、border、水平滚动条,但不包括margin的元素的高度。

JS获取body的高度

5、在getheight()函数内,通过scrollHeight属性获得网页正文全文高,包括当前不可见部分的元素的高度。

JS获取body的高度

6、在getheight()函数内,通过scrollTop属性获得网页被卷去的高,即滚动条向下滚动的距离。

JS获取body的高度

7、在getheight()函数内,使用write()方法输出结果。在浏览器打开test.html文件,点击按钮,查看输出的结果。

JS获取body的高度JS获取body的高度
  • 易语言如何实现软件帐号密码保存功能
  • 易语言怎么判断一个数是否位偶数或奇数
  • 易语言插入bmp透明图片
  • 易语言怎么改变编辑框大小?
  • 经典的“33个易语言皮肤模块”使用方法
  • 热门搜索
    法律知识手抄报 中国梦 手抄报 一年级手抄报大全 教师节手抄报模板 法制手抄报图片大全 儿童中秋节手抄报 春节里的数学手抄报 手抄报边框图片大全 世界环境日手抄报内容 简单漂亮元旦节手抄报