`

javascript获取窗口文档的宽度和高度

阅读更多

获取显示区域尺寸可以用 clientHeight clientWidth

 获取内容尺寸可以用 scrollHeight scrollWidth 
 网页可见区域宽: document.body.clientWidth
 网页可见区域高: document.body.clientHeight
 网页可见区域宽: document.body.offsetWidth (包括边线的宽)
 网页可见区域高: document.body.offsetHeight (包括边线的高) 
 网页正文全文宽: document.body.scrollWidth 
 网页正文全文高: document.body.scrollHeight 
 网页被卷去的高: document.body.scrollTop 
 网页被卷去的左: document.body.scrollLeft 
 网页正文部分上: window.screenTop 
 网页正文部分左: window.screenLeft 
 屏幕分辨率的高: window.screen.height
 屏幕分辨率的宽: window.screen.width 
 屏幕可用工作区高度: window.screen.availHeight 
 屏幕可用工作区宽度: window.screen.availWidth
javascript获取窗口文档的宽度和高度 

分享到:
评论

相关推荐

    Javascript获取窗口(容器)的大小及位置参数列举及简要说明

    Javascript获取窗口(容器)的大小及位置一系列的东西比较多,容易混淆,在这里列举及简要说明下: 属性方法说明: clientX 相对文档的水平坐标; clientY 相对文档的垂直坐标; offsetX 相对容器的水平坐标; offsetY ...

    JavaScript详解(第2版)

     12.6.2 改变图片的高度和宽度属性   12.7 应知应会   练习   第13章 事件处理   13.1 事件处理函数介绍   13.2 事件处理的内联模型   13.2.1 HTML和事件处理函数   13.2.2 设置事件处理函数...

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

    15.31 JavaScript实现文档结构图 15.32 判断一副图片是否加载完毕 第16章 页面数据的验证 16.1 验证字符串是否全由数字组成 16.2 验证表单项必须填写 16.3 判断用户输入是否为中文 16.4 验证列表框中的值是否重复 ...

    javascript常用对象梳理

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

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

    15.31 JavaScript实现文档结构图 15.32 判断一副图片是否加载完毕 第16章 页面数据的验证 16.1 验证字符串是否全由数字组成 16.2 验证表单项必须填写 16.3 判断用户输入是否为中文 16.4 验证列表框中的值是否重复 ...

    JavaScript网页特效范例宝典源码

    实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    javascript 基础篇4 window对象,DOM

    设置或获取模式对话框的高度。 dialogLeft 设置或获取模式对话框的左坐标。 dialogTop 设置或获取模式对话框的顶坐标。 dialogWidth 设置或获取模式对话框的宽度。 frameElement 获取在父文档中生成 window 的 ...

    browser-size:获取浏览器的窗口大小并限制调整大小事件

    浏览器大小 获取浏览器的窗口大小和限制的调整大小事件。安装npm install browser-size --save用法创建一个新的浏览器大小实例并添加一个监听器 var browser = require ( 'browser-size' ) ( )browser . on ( '...

    浅谈JavaScript的innerWidth与innerHeight

    (注意:这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度) 下面便对这两个属性进行验证: 屏幕分辨率为:1920×1080 浏览器:QQ浏览器(内核是Chrome) 代码如下: var width=window.innerWidth,height=...

    JS大全 web编程

    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相...

    textStretch.js:用于最大化字体大小以填充元素宽度的 javascript 函数和 jQuery 扩展

    一个 javascript 函数和一个 jQuery 扩展,用于最大化字体大小以填充元素的宽度。 textStretch.js 是最小的、快速的和健壮的。 它不需要或添加任何包装器或子元素,并且它会在您调整窗口大小或翻转设备时进行调整...

    JavaScript Table行定位效果

    table的border属性用来指定边框宽度,table特有的frame属性是用来设置或获取表格周围的边框显示的方式。 w3c的tabel的frame部分说明frame可以是以下值: void: No sides. This is the default value. above: The ...

    images.js:Javsacript 类按窗口宽度加载图像

    Javsacript 类按窗口宽度加载图像 1. 文档 宣言 新图像(参数) 参数 arguments 参数是一个对象。 1. elements - element with data-images attribute 2. prefix - path prefix 3. events - events key is an ...

    JavaScript 空间坐标的使用

    首先参考画布分为视口(窗口)与文档的含义 网页很多都是多屏,所以文档尺寸一般大于视口尺寸 视口尺寸不包括浏览器工具条、菜单、标签、状态栏等 当打开控制台后,视口尺寸相应变小 文档像 position 定位,视口类似...

    s3-photo-browser:简单JavaScript,可方便地浏览存储在S3上的照片

    如果单击缩略图,则将下载完整图像并显示其高度和宽度,以适合浏览器窗口。 链接显示为转到下一个或上一个图像,或旋转图像。 为了创建缩略图和主目录,我通常在ubuntul上编写一个诸如prepare.sh(包含在内)之类...

    网页与Web程序设计 课件 ppt 机械工业出版社 part1

    本书全面讲授网页设计与制作技术、JavaScript脚本编程和Web数据库应用技术。本书以目前最流行的网页设计三剑客Dreamweaver 8、Fireworks 8和Flash 8作为支撑平台,由浅入深,系统地介绍了网页的构思、规划、制作和...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...

    Shelly:使在 Mongo shell 中构建查询和更新 MongoDB 文档变得更加容易。 用 JS 编写,用于 MongoDB 的 JS Shell

    我厌倦了触及外壳窗口宽度和浮动支架放置。我可以用它做什么? 使用and_where和and_has建立查询轻松设置范围,调用.set('key', value) ,然后保存以轻松编辑文档像 ORM 类一样更新文档从模棱两可的路径中提取值.get...

Global site tag (gtag.js) - Google Analytics