`

js得到当前窗口内的宽度和高度

    博客分类:
  • js
 
阅读更多
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;  
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";  
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";  
alert(s);

 

分享到:
评论

相关推荐

    js获取浏览器和屏幕的各种宽度高度

    一:网页可见区域宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小) 1.对于IE9+、chrome、firefox、Opera、Safari: window.innerHeight浏览器窗口的内部高度; window.innerWidth浏览器窗口的内部宽度; 2....

    javascript常用对象梳理

    功能:将当前窗口改变成(x,y)大小,x、y分别为宽度和高度。 14. scrollBy方法 语法格式: window.scrollBy(水平位移量,垂直位移量) 功能:将窗口中的内容按给定的位移量滚动。参数为正数时,正向滚动,否则反 ...

    JS获取屏幕高度的简单实现代码

    window对象的innerwidth属性包含当前窗口的内部宽度。window对象的innerheight属性包含当前窗口的内部高度。 document对象的body属性对应html文档的标签。document对象的documentelement属性则表

    JS获取页面窗口大小的代码解读

    本节代码主要使用了Document对象... Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。 Document对象的body属性对应HTML文档的<body>标签。Document对

    JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解

    本文实例讲述了JS实现弹出浮动窗口。分享给大家供大家参考。...注意:内容窗体的高度是height-30px,请计算好要显示的内容高度和宽度。 注:在火狐或chrome下效果最佳,IE8下可能有些小问题。 点击此处查看运行效果: ...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    dg :窗口的DOM对象可通过此对象对窗口和窗口内元素进行操作。 lhgDG :创建的窗口的实例对象此属性只用在page参数指定的内容页面中,它取的是创建此窗口的实例对象。 topWin :顶层页面的window对象此参数在...

    panvasjs:PanvasJS-JavaScript canvas的框架

    innerWidth和innerHeight-包含浏览器窗口的内部宽度和内部高度 mouseX和mouseY-包含屏幕上鼠标的当前坐标 PI -Pi常数 TWO_PI-两次Pi HALF_PI-半Pi E-欧拉常数 SQRT2-2的平方根 SQRT1_2-1 /2的平方根 LN2-2的自然...

    throttleResize:节流和去抖动 javascript 调整大小事件

    油门调整大小 替换 javascript resize 事件侦听器,以防止 resize 回调函数堆叠并导致性能下降。 具有去抖动调整大小的选项,或在... throttle对象还包含窗口像素宽度和高度的属性。 function customFunc ( ) { if

    程序天下:JavaScript实例自学手册

    19.12 JavaScript读取自身文件内的XML 19.13 将XML文件绑定到table 19.14 使用JavaScript加载XML文件 19.15 动态加载JavaScript文件 19.16 防止JavaScript文件被其他站直接引用 19.17 检查机器是否安装Word 19.18 ...

    javascript函数的解释

    72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续. 73.JS中的self指的是当前的窗口 74.JS中状态栏显示内容:window.status="内容" 75.JS中的top指的是框架集中最顶层的框架 76.JS中...

    《程序天下:JavaScript实例自学手册》光盘源码

    19.12 JavaScript读取自身文件内的XML 19.13 将XML文件绑定到table 19.14 使用JavaScript加载XML文件 19.15 动态加载JavaScript文件 19.16 防止JavaScript文件被其他站直接引用 19.17 检查机器是否安装Word 19.18 ...

    JavaScript高级程序设计 阅读笔记(十五) 浏览器中的JavaScript

    Window对象 窗口操作 Window对象对操作浏览器窗口非常... resizeBy(dw,dh):相对浏览器窗口当前大小,把窗口的宽度调整dw个像素,高度调整dy个像素。dw、dy为负时缩小窗口。 resizeTo(w,h):把窗口的宽度调整为w,高

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    如:<script type="text/javascript" src="ymPrompt.js"></script> 2、在页面中引入对应的皮肤文件的CSS,如: 3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用) 页面的js中通过ymPrompt....

    metrics:向团队发送使用情况统计信息,异常和不赞成使用的内容,以帮助改进Atom

    屏幕和窗口的宽度和高度 使用的Atom版本,包括哪个发行渠道(稳定版,测试版,开发版) 在窗格中打开的每个Atom视图类或Atom配置文件的名称,例如EditorView , SettingsView , MarkdownPreviewView和UserKeymap ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的位数(需要设置NoDecimal="false")(feedback:zqmars)。...

    pex-screensize:pex 库的屏幕尺寸模块

    适用于浏览器和 OSX 上的 Plask,在 OSX 中返回所有附加显示器的尺寸,在浏览器中返回当前窗口的宽度和高度。 例子 适用于浏览器和 OSX 上的 Plask。 var Window = require ( "pex-sys" ) . Window ; var Screen...

    xheditor-1.1.14

    如果想实现更加复杂的交互应用,或者希望xhEditor编辑器能够和自己的Javascript代码实现互相访问,那么你可以选择使用方法2,相对具有更大的自由空间。 xhEditor也提供了即时的卸载编辑器方法: $('#elm1')....

    JavaScript学习笔记(十)

    Window对象 window对象表示整个浏览器窗口,window还可用于移动或调整... window.resizeBy(dw,dh) 相对于浏览器窗口的当前大小,把它口的宽度调整dw个像素,高度调整dy个像素。dw为负数,把缩小窗口的宽度,dy为负数,

    ExtAspNet_v2.3.2_dll

    -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的位数(需要设置NoDecimal="false")(feedback:zqmars)。...

    纯js实现瀑布流展现照片(自动适应窗口大小)

    公式很简单,假设这一行当前的高度为h,则插入一张高和宽为(x,y)的图片时,满足下列关系: h’ * (w / h + y / x) = w w是浏览器窗口的宽度, 则 h’ = w / (w / h + y / x); 代码如下: <html> <head&gt...

Global site tag (gtag.js) - Google Analytics