分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

使用js获取页面的各种高度

发布时间:2023-09-06 01:43责任编辑:傅花花关键词:js

使用js获取相关高度:

  获取网页被滚动条卷去的高度——兼容写法:

    scrollHeight = documen.body.scrollTop || document.documentElement.scrollTop;

  获取网页全文的高度——兼容写法:

    windowHeight = document.body.scrollHeight || document.documentElement.scrollHeight;

  获取网页可视区域的高度——兼容写法:

    screenHeight = document.body.clientHeight || document.documentElement.clientHeight;

  获取某个元素的高度——利用DOM对象的属性http://www.w3school.com.cn/jsref/dom_obj_all.asp:

    domElement = domElement.offsetHeight(包括border和padding)

使用jq获取相关高度:

  获取网页被滚动条卷去的高度:

    scrollHeight = $(window).scrollTop();

  获取网页全文的高度——兼容写法:

    windowHeight = $(document).height();

  获取网页可视区域的高度——兼容写法:

    screenHeight = $(window).height();

  获取某个元素的高度——利用DOM对象的属性:

    domElement = domElement.height();

使用js获取页面的各种高度

原文地址:https://www.cnblogs.com/goforwards/p/8455773.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved