`

JS得到当前窗口的所有大小值

    博客分类:
  • js
阅读更多
JS得到当前窗口的所有大小值

   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   +"   像素/英寸";



 

分享到:
评论

相关推荐

    JavaScript得到当前窗口的所有大小值

    JavaScript得到当前窗口的所有大小值

    JS根据浏览器窗口大小实时动态改变网页文字大小的方法

    主要介绍了JS根据浏览器窗口大小实时动态改变网页文字大小的方法,涉及JavaScript针对页面宽高的动态获取与元素样式动态运算的相关技巧,需要的朋友可以参考下

    网页HTML自适应窗口大小

    网页内容自适应窗口大小,适合手机站点页面和PC机上的站点页面尺寸兼容.

    zxymax#coding#滑动窗口最大值1

    首先我们定义一个用来存储递减值的下标的窗口,以及存储最大值的组,之后循环给定的数组,如果当前遍历的数组值下标大于窗口大小并且递减下标窗口的第一个值是小于当前窗口

    js打开新窗口方法整理

    window.top.location=url 可以在iframe中的页面在父窗口刷新打开 window.open方法可控制的样式丰富,比如我们可以控制窗口显示的大小,窗口显示的内容,以及位置等等。都是使用js中的window.open有一个缺点就是容易...

    javascript常用对象梳理

    功能:将当前窗口改变指定的大小(x,y),当x、y的值大于0时为扩大,小于0时 为缩小。 13. resizeTo方法 语法格式: window.resizeTo(水平宽度,垂直宽度) 功能:将当前窗口改变成(x,y)大小,x、y分别为宽度和高度...

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

    resize:是否允许拖动改变窗口大小参数值:默认true(允许),false(不允许)。 rang:是否限制窗口挪动范围参数值:默认false(不限制),true(限制,也就是不允许窗口拖出浏览器的可视区域)。 loadingText:窗口...

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

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

    javascript函数的解释

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

    chrome插件开发,完整demo

    新窗口打开百度 执行简单的窗口动画 将当前窗口最大化 将当前窗口最小化 关闭当前窗口所有标签(慎点) 标签操作演示 新标签打开百度 当前标签打开网页 获取当前标签页ID 切换到第一个标签 popup与content-script交互 ...

    JavaScript Window窗口对象属性和使用方法

    每个对象都有自己的属性,顶级对象Window是所有其他子对象的父对象,它可以出现在每个页面上,并且可以咋单个JS应用程序中被多次使用。 下表列出了一些Window对象常用属性: 属性 说明 document 对话框中显示...

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

    如果当前正在运行,则限制调整大小事件并防止触发回调。 老的: window . addEventListener ( 'resize' , customFunc , false ) ; 新的: throttle . resize ( customFunc ) ; 去抖动使用 去抖动 resize 事件...

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

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    JavaScript网页特效范例宝典源码

    实例027 设置窗口大小和位置 43 实例028 刷新当前页 44 实例029 自动最大化 45 实例030 自定义导航控制面板 46 实例031 根据用户分辨率自动调整窗口 48 1.5 窗口的其他效果 49 实例032 打开窗口时显示对话框 50 实例...

    107个常用javascript语句

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

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

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    javascript学习笔记.docx

    9) 控制窗口几何大小可用moveTo()、moveBy()、resizeTo()、resizeBy()。滚动可用scrollTo、scrollBy()。 10) 成焦点和失焦点可用 focus()、blur()。 11) location属性代表当前显示文档的URL。对其赋值使浏览器装载新...

    highResImageViewer:一个 jQuery 图像查看插件,具有很酷的附加功能,可用于分辨率高于当前窗口大小的图像

    高分辨率图像查看器一个 jQuery 图像查看插件,具有很酷的功能,可以很好地查看分辨率高于当前窗口的图像。 这仍然未经测试,因此如果您遇到一些错误,请不要太惊讶。 :) 但是,核心功能应该可以正常工作,如果您有...

Global site tag (gtag.js) - Google Analytics