如何用js根据屏幕高度控制div高度

javascript screen对象获取屏幕宽高如alert(screenheight)

availHeight 属性 -- 窗口可以使用的屏幕高度，单位像素

availWidth 属性 -- 窗口可以使用的屏幕宽度，单位像素

colorDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)

pixelDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)（IE不支持)

height 属性 -- 屏幕的高度，单位像素

width 属性 -- 屏幕的宽度，单位像素

div设置定位,宽度高度设为屏幕一般半即可，至于居中的话可以绝对定位

Sub testActiveWindowSize()

MsgBox "当前窗口可用区域的高度为:" & ActiveWindowUsableHeight

MsgBox "当前窗口的高度为:" & ActiveWindowHeight

MsgBox "当前窗口可用区域的宽度为:" & ActiveWindowUsableWidth

MsgBox "当前窗口的宽度为:" & ActiveWindowWidth

End Sub

1、js中获取当前屏幕宽度方法如下：

网页可见区域宽： documentbodyclientWidth

网页可见区域高： documentbodyclientHeight

网页可见区域宽： documentbodyoffsetWidth （包括边线的宽）

网页可见区域高： documentbodyoffsetHeight （包括边线的高）

网页正文全文宽： documentbodyscrollWidth

网页正文全文高： documentbodyscrollHeight

网页被卷去的高： documentbodyscrollTop

网页被卷去的左： documentbodyscrollLeft

网页正文部分上： windowscreenTop

网页正文部分左： windowscreenLeft

屏幕分辨率的高： windowscreenheight

屏幕分辨率的宽： windowscreenwidth

屏幕可用工作区高度： windowscreenavailHeight

屏幕可用工作区宽度： windowscreenavailWidth

2、js简介

js，是JavaScript的缩写，是一种直译式脚本语言，一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

avaScript是的源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域，仅为页面呈现区域)的高度和宽度

宽度：documentdocumentElementclientWidth

高度：documentdocumentElementclientHeight

文档类型：XHTML10

浏览器：ALL

var width = documentbodyscrollHeight;

//获取屏幕高度

documentgetElementById("//自己设置个id 用bytagname会有兼容问题")stylemargin-top

var win_w = $(window)width();//获取宽度

var win_h = $(window)height();//获取高度

如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

解决遮罩层不能覆盖整个页面问题 原创

2017-07-18 18:15:51

3点赞

T_world

码龄8年

关注

最近的项目需要一个点击，然后d出遮罩层的效果，于是在页面中加了一个遮罩层（设定高度为100%）。

但是今天偶然发现，遮罩层只能遮住一屏的高度，若页面比一屏高的话，只要向下滚就可以发现没有被遮住的部分。

查资料得知，出现这种现象的原因是虽然设置了遮罩层的高度为100%，但是js代码执行的时候自动获取的其实还是当前屏幕的高度，因此导致它只能遮住一屏的内容。那么解决的方案也就是获取屏幕高度和当前页面高度，选取较大的一个设置为遮罩层的高度即可。

修正的代码如下，亲测有效：

需要注意的是，在设置遮罩层的高度的时候后面一定要拼接上‘px’这个字符串，开始时我没有拼接，发现代码完全无效，纠结了很久……

打开CSDN，阅读体验更佳

css+js+html遮罩层实例,javascript实现遮罩层动态效果实例_eqzzzlibr

js代码部分: windowοnlοad=function(){ windowοnscrοll=function(){ //动态设置遮罩层的宽高与屏幕可见宽高一致,实现被遮罩页面的全覆盖 documentgetElementById("shade")stylewidth=documentbodyclientWidth+"px";

实现iframe中子页面的d框遮罩层遮盖父页面等整个页面

GetSystemMetrics(SM_CXSCREEN) //获取屏幕宽度

GetSystemMetrics(SM_CYSCREEN)//获取屏幕高度

ps：默认单位是像素

以上就是关于如何用js根据屏幕高度控制div高度全部的内容，包括:如何用js根据屏幕高度控制div高度、excel VBA 如何获取当前窗口大小，不是屏幕分辨率，就是当前显示区域的像素、js中怎么获取当前屏幕宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！