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 获取屏幕高宽_Js获取屏幕宽度、高度
weixin_30767323的博客
12-24 355
document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度网页可见区域宽： documen...
html自动填充高度,html元素如何仅使用css填充剩余屏幕高度的100％？
weixin_36058303的博客
06-01 884
html元素如何仅使用css填充剩余屏幕高度的100％？我有一个标题元素和一个内容元素：#header#content我希望标题具有固定的高度，并且内容可以填满屏幕上可用的所有剩余高度，使用overflow-y: scroll;。这可能没有Javascript？Harry asked 2019-04-12T17:37:27Z15个解决方案211 votes忘了所有的答案，这行CSS在2秒内为我工作...
js获取屏幕的高度与宽度
09-16
js获取屏幕的高度与宽度。。。。。。。。。。。
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 获取整
JS获取屏幕高度的简单实现代码
10-22
在讨论如何用JavaScript获取屏幕高度之前，首先应该了解浏览器提供的窗口尺寸相关信息的属性。这些属性虽然听起来相似，但在不同浏览器和不同的页面布局下却有不同的表现。获取屏幕高度和浏览器窗口高度是Web开发中...
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获取网页屏幕可见区域高度
weixin_30758821的博客
01-09 191
常用以下两个Jquery做屏幕的适配 1、获取高度：$(window).height() 　//浏览器时下窗口可视区域高度 2、获取宽度：$(window).width() 　//浏览器时下窗口可视区域高度 如：$('body').css('height', $(window).height()); 　　$('body').css('width', $(window).width()...
Js获取屏幕高度和宽度
chao1chao的专栏
08-03 229
网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth
js获取屏幕高度和宽度
LazyLion2010的专栏
12-23 537
js获取屏幕高度和宽度
获取屏幕高度的js方法，完成响应式布局！！
最新发布
m0_56125881的博客
07-07 7440
根据屏幕大小设计不同的css来适应不同的屏幕效果
js,jq获取屏幕的各种高度
u012999318的专栏
10-19 2384
Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.bod
动态调整文章高度：显示/隐藏全文
总结，本文的核心知识点是利用JavaScript处理网页内容的动态展示和隐藏，以及如何通过CSS调整元素高度来实现文章的逐步揭示，提供了实用的前端开发技巧。同时，它也强调了用户体验和性能优化在设计过程中的重要性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值