首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js获取各种高度总结

在写js的时候偶尔需要获取各种高度,比如;浏览器高度,页面高度,滚动高度等。抽空整理了我自己常用到的,时间仓促,没有考虑到万恶的IE浏览器。。。。...获取屏幕的高度和宽度(屏幕分辨率): window.screen.height window.screen.width 获取屏幕工作区域的高度和宽度(去掉状态栏): window.screen.availHeight...window.screen.availWidth 网页全文的高度和宽度: document.body.scrollHeight document.body.scrollWidth 滚动条卷上去的高度和向右卷的宽度...: document.body.scrollTop document.body.scrollLeft 网页可见区域的高度和宽度(不加边线): document.body.clientHeight document.body.clientWidth...网页可见区域的高度和宽度(加边线): document.body.offsetHeight document.body.offsetWidth

12.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何用JavaScript获取网页文档高度?

    为了实现这些功能,准确获取整个网页文档的高度是关键的一步。今天,我们就结合一个实际业务场景,来看一下如何用JavaScript获取整个文档的高度。...方法一 :获取文档高度的方法 要获取文档的高度,可以使用scrollHeight、offsetHeight和clientHeight这些属性的最大值。...示例代码 在这个场景中,我们可以这样编写代码: // 获取文档的高度 function getDocumentHeight() { const body = document.body; const...通过取这些属性的最大值,我们可以得到整个文档的高度,确保在任何情况下都能准确测量。...示例代码 在我们这个加载更多商品的场景中,也可以使用这种方法来获取文档高度: // 获取文档的高度 function getDocumentHeight() { const body = document.body

    13400

    JS - 可自动伸缩高度的文本框

    textarea如果设定了宽高,那么如果文本超出框的高度,会自动出现滚动条。而不会撑开文本框的高度。 如果什么也不设置,最小宽高很窄很细,随便输入内容也会超出文本框隐藏,且自动增加滚动条。 ?...怎么让文本框初始化设置一定的高度,但是文字超出时自动跟随内容的高度伸缩? 答: 初始化高度通过css设置(如上),自动伸缩的高度值通过js来计算(如下)。...如果js计算的话,就需要事件触发,用change事件? 答:但是change事件体验不好。 为什么? change事件的现象是,输入框失去焦点的时候才会触发。...答:就是计算文本框的滚动高度,即内容高度 具体怎么做? 答:键盘每次弹起的时候,获取文本框的内容高度添加给文本框的高度,即可让其实时的跟随内容自适应。 内容高度用什么属性计算?...即:scrollHeight:给定对象的滚动高度,即内容的可视高度。

    9.4K20

    手机移动防卫盾安全需求分析文档

    遵循着学以致用的观念,我们决定研发手机安全卫士项目,让我们的理论知识运用到实际项目之中。本文档的编写为我们的设计、开发提供依据,使我们对需求的更加理解详尽。同时本文档也作为项目评审验收的依据。...除了WIFI之外,大部分的联网方式都需要支付一定的费用,因此我们开发了监控手机用户上网流量的功能模块。...1) 流量显示: a) 要求将手机所使用的流量显示出来 b) 为了方便模拟器验证数据,这里可以依照手机的总流量来显示(包含WIFI,GPRS等) c) 要求所显示的流量数据可以实现不断更新 2) 流量套餐设置...: a) 要求可以设置自己手机流量套餐的大小,如30M b) 流量套餐大小会保存到shared preference中,程序退出不会丢失数据 3) 流量预警: a) 当手机已使用流量超过套餐流量大小的90%...,当然手机中也会包含一些个人隐私。

    7100
    领券