JS取屏幕显示高度技巧

最新推荐文章于 2023-07-07 15:52:25 发布
最新推荐文章于 2023-07-07 15:52:25 发布
阅读量692 收藏
点赞数
分类专栏： Javascript 文章标签： xhtml html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/o0snow/article/details/6534262
版权

document.body.offsetHeight

以上代码可以取到屏幕的高度,但是当你在页面中有

<!DOCTYPE html PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

这些代码的时候,这个东西就不管用啦,这时候,你可以用以下方法取页面高度:

在页面中加入

var bdy = (document.documentElement && document.documentElement.clientWidth)?document.documentElement:document.body;

然后取高度时用:bdy.offsetHeight就可以啦

o0snow
关注
专栏目录
js获取屏幕的高度与宽度
09-16
js获取屏幕的高度与宽度。。。。。。。。。。。
JS获取屏幕高度的简单实现代码
10-22
在讨论如何用JavaScript获取屏幕高度之前，首先应该了解浏览器提供的窗口尺寸相关信息的属性。这些属性虽然听起来相似，但在不同浏览器和不同的页面布局下却有不同的表现。获取屏幕高度和浏览器窗口高度是Web开发中...
JS获取屏幕高度
01-18 4968
<br />网页可见区域宽：document.body.clientWidth**<br />网页可见区域高：document.body.clientHeight**<br />网页可见区域宽：document.body.offsetWidth (包括边线的宽)**<br />网页可见区域高：document.body.offsetHeight (包括边线的宽)**<br />网页正文全文宽：document.body.scrollWidth**<br />网页正文全文高：document.body
JS获取屏幕的高度
Redamancy的博客
07-29 1万+
1，获取屏幕的宽度： window.screen.width //整个屏幕的宽度 2，获取屏幕的高度： window.screen.height //整个屏幕的高度 3，获取网页的宽高（不含边框）。 3，1 获取整个网页的宽度：document.body.scrollWidth 3，2 获取整个网页的高度：document.body.scrollHeight 4，获取body的宽高（不含边框）。 4，1 获取整个body的宽度：document.body.clientWidth 4，2 获取整
JavaScript获取屏幕高度和宽度等信息
08-20
JavaScript作为一种广泛应用于网页编程的语言，提供了多种方法来获取屏幕的高度、宽度以及其他相关信息。以下将深入探讨如何使用JavaScript来获取屏幕尺寸和其他关键信息。 ### 一、获取屏幕尺寸 #### 1.1 使用`...
屏幕滚动显示
07-10
总结，屏幕滚动显示是网页设计中不可或缺的一部分，通过JavaScript和jQuery，我们可以实现丰富的滚动效果和交互，提高用户体验。同时，结合响应式设计，确保在各种设备上都能提供出色的滚动体验。通过不断学习和实践...
采用CSS和JS的右侧显示隐藏导航
01-23
总结一下，实现“采用CSS和JS的右侧显示隐藏导航”主要涉及以下几个步骤： 1. 使用CSS设置导航栏的固定定位、样式以及隐藏/显示的过渡效果。 2. 使用JavaScript获取相关DOM元素，并添加事件监听器。 3. 在监听器中...
JS,Jquery获取各种屏幕的宽度和高度
12-09
JS,Jquery获取各种屏幕的宽度和高度。
js 获取屏幕各种宽高的方法(浏览器兼容)
12-08
屏幕的有效宽高： window.screen.availHeightwindow.screen.availWidth   网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：docume
js获取网页屏幕可见区域高度
快乐每一天
06-04 434
document.body.clientWidth ==&gt; BODY对象宽度 document.body.clientHeight ==&gt; BODY对象高度 document.documentElement.clientWidth ==&gt; 可见区域宽度 document.documentElement.clientHeight ==&gt; 可见区域高度 网页可见...
Js获取屏幕高度和宽度
chao1chao的专栏
08-03 229
网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth
js获取屏幕高度和宽度
LazyLion2010的专栏
12-23 538
js获取屏幕高度和宽度
获取屏幕高度的js方法，完成响应式布局！！
最新发布
m0_56125881的博客
07-07 7444
根据屏幕大小设计不同的css来适应不同的屏幕效果
js,jq获取屏幕的各种高度
u012999318的专栏
10-19 2384
Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.bod
js和jq获取屏幕高度、宽度的方法
热门推荐
xiaoxiaoshuai__的博客
05-11 1万+
js和jq获取屏幕高度宽度的方法一、js部分1.获取屏幕尺寸获取屏幕宽度：window.screen.width;    //整个屏幕的宽度获取屏幕高度：window.screen.height;     //整个屏幕的高度2.获取可用工作区尺寸获取屏幕可用工作区域宽度：window.screen.availWidth;     //pc端与上面两个一致，移动端除个别其他也一致（试一下即可）获取屏...
js获取屏幕高度，宽度，滚动距离属性总结
闲音空梦·轩
06-08 3248
页面、元素高度： 1. window.innerHeight (Width): 窗口的文档显示区的高度(宽度)，以像素计。不包括菜单栏、工具栏以及滚动条等的高度。(IE8以下不兼容) 2. element.innerHeight(Width):获取元素高度(宽度),包括padding值，不包括margin,border值. 对兼容性而言，innerHeight不支持IE8以下的浏览器，通常使
动态调整文章高度：显示/隐藏全文
总结，本文的核心知识点是利用JavaScript处理网页内容的动态展示和隐藏，以及如何通过CSS调整元素高度来实现文章的逐步揭示，提供了实用的前端开发技巧。同时，它也强调了用户体验和性能优化在设计过程中的重要性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值