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个易语言皮肤模块”使用方法
  • 热门搜索
    弟子规手抄报内容 儿童手抄报春节 手抄报感恩 森林报手抄报 日行一善手抄报名言 日行一善手抄报内容 六一手抄报版面设计图 法制安全手抄报图片 56个民族手抄报 诚实手抄报