如何用JAVASCRIPT获取当前窗口的高度和宽度_框架

var s = "";

s += "\r\n网页可见区域宽："+ documentbodyclientWidth;

s += "\r\n网页可见区域高："+ documentbodyclientHeight;

s += "\r\n网页可见区域宽："+ documentbodyoffsetWidth +" (包括边线和滚动条的宽)";

s += "\r\n网页可见区域高："+ documentbodyoffsetHeight +" (包括边线的宽)";

s += "\r\n网页正文全文宽："+ documentbodyscrollWidth;

s += "\r\n网页正文全文高："+ documentbodyscrollHeight;

s += "\r\n网页被卷去的高："+ documentbodyscrollTop;

s += "\r\n网页被卷去的左："+ documentbodyscrollLeft;

s += "\r\n网页正文部分上："+ windowscreenTop;

s += "\r\n网页正文部分左："+ windowscreenLeft;

s += "\r\n屏幕分辨率的高："+ windowscreenheight;

s += "\r\n屏幕分辨率的宽："+ windowscreenwidth;

s += "\r\n屏幕可用工作区高度："+ windowscreenavailHeight;

s += "\r\n屏幕可用工作区宽度："+ windowscreenavailWidth;

s += "\r\n你的屏幕设置是 "+ windowscreencolorDepth +" 位彩色";

s += "\r\n你的屏幕设置 "+ windowscreendeviceXDPI +" 像素/英寸";

alert(s);

</SCRIPT>

拿去看看有没有你要的

<!DOCTYPE html>

<html>

<head>

<meta >

function a(){

"屏幕宽高为："+screenwidth+""+screenheight；

}

其它：

网页可见区域宽：documentbodyclientWidth

网页可见区域高：documentbodyclientHeight

网页可见区域宽：documentbodyoffsetWidth (包括边线的宽)

网页可见区域高：documentbodyoffsetHeight (包括边线的宽)

网页正文全文宽：documentbodyscrollWidth

网页正文全文高：documentbodyscrollHeight

网页被卷去的高：documentbodyscrollTop

网页被卷去的左：documentbodyscrollLeft

网页正文部分上：windowscreenTop

网页正文部分左：windowscreenLeft

屏幕分辨率的高：windowscreenheight

屏幕分辨率的宽：windowscreenwidth

屏幕可用工作区高度：windowscreenavailHeight

屏幕可用工作区宽度：windowscreenavailWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

eventclientX 相对文档的水平座标

eventclientY 相对文档的垂直座标

eventoffsetX 相对容器的水平坐标

eventoffsetY 相对容器的垂直坐标

documentdocumentElementscrollTop 垂直方向滚动的值

eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量

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

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

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

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

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

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

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

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

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

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

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

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

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

以上就是关于如何用JAVASCRIPT获取当前窗口的高度和宽度全部的内容，包括:如何用JAVASCRIPT获取当前窗口的高度和宽度、js里面获取屏幕宽高的screen对象，为什么获取不了屏幕的宽高值、怎么用js获取手机屏幕的分辨率等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9709888.html

如何用JAVASCRIPT获取当前窗口的高度和宽度

发表评论

评论列表（0条）