转载:
http://gflei.iteye.com/blog/549112
function screenInfo(){
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:"+ document.body.offsetWidth +" (包括边线的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
alert(s);
}
screenInfo();
分享到:
相关推荐
Javascript浏览器和屏幕各种高度宽度.pngJavascript浏览器和屏幕各种高度宽度.png
使用JavaScript获取屏幕高度和宽度等信息
JS,Jquery获取各种屏幕的宽度和高度。
js获取屏幕的高度与宽度。。。。。。。。。。。
JS获取各种屏幕的宽度和高度
在项目中经常要用到一个容器元素占满屏幕高度和宽度,然后再在这个容器元素里放置其他元素。 宽度很简单就是width:100% 但是高度呢,我们知道的是height:100%必须是在父元素的高度给定了的情况下才可以。 以前我的...
NULL 博文链接:https://jsdit.iteye.com/blog/1198868
超酷图片排列效果 图片排列效果(几行几列宽度固定,高度自适应)
介绍了JS和jquery获取各种屏幕的宽度和高度的代码,有需要的朋友可以参考一下
本文主要介绍了js获取浏览器和屏幕的各种宽度高度的方法,具有很好的参考价值,下面跟着小编一起来看下吧
JS获取浏览器窗口大小获取屏幕,浏览器,网页高度宽度[文].pdf
获取终端/控制台高度和宽度的可靠方法,因为并非在所有平台,环境和node.js版本上都以相同的方式计算或更新终端/控制台。 安装 使用安装: $ npm install --save window-size 用法 var size = require ( 'window-...
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于...
为了解决这类问题,我觉得可以利用js监听屏幕宽度变化来实现更改HTML 根元素font-size的值。 下面是相关JavaScript的实现代码: (function (doc, win) { var docEl = doc.documentElement, resizeEvt = '...
您可以指定在屏幕宽度更改,屏幕高度更改以及屏幕宽度和高度更改时触发的回调(函数)(支持3种不同的回调) 您可以覆盖预定义的屏幕宽度配置,也可以在实例创建时或通过使用可用方法随时添加自己的屏幕宽度定义和...
function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY;...
经常发现在写JavaScript的时候,都需要用到网页、浏览器或屏幕的高度和宽度来解决布局定位的问题,时常前用后忘,要不就是在网上search,干脆自己总结一下,这样也方便再次使用,省时省力。 网页可见区域宽:...