编程 Javascript

js获取dom的高度和宽度(可见区域及部分等等)

Posted in Javascript onJune 13, 2013

网页可见区域宽： 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的方法小结

May 17 Javascript

event对象的方法兼容多浏览器

Jun 27 Javascript

javascript动画对象支持加速、减速、缓入、缓出的实现代码

Sep 30 Javascript

JavaScript判断表单提交时哪个radio按钮被选中的方法

Mar 21 Javascript

Jsonp post 跨域方案

Jul 06 Javascript

基于javascript实现样式清新图片轮播特效

Mar 30 Javascript

利用JavaScript判断浏览器类型及版本

Aug 23 Javascript

jQ处理xml文件和xml字符串的方法(详解)

Nov 22 Javascript

AngularJS过滤器filter用法分析

Dec 11 Javascript

浅谈angular4 ng-content 中隐藏的内容

Aug 18 Javascript

微信小程序实现下载进度条的方法

Dec 08 Javascript

Angular事件之不同组件间传递数据的方法

Nov 15 Javascript

如何使Chrome控制台支持多行js模式——意外发现

Jun 13 #Javascript

jQuery插件的写法分享

Jun 12 #Javascript

jQuery 淡出一个图像到另一个图像的实现代码

Jun 12 #Javascript

单击浏览器右上角的X关闭窗口弹出提示的小例子

Jun 12 #Javascript

Jquery 表单验证类介绍与实例

Jun 09 #Javascript

js调用后台servlet方法实例

Jun 09 #Javascript

Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例

Jun 09 #Javascript

You might like

php中的PHP_EOL换行符详细解析

2013/10/26 PHP

smarty模板局部缓存方法使用示例

2014/06/17 PHP

php中Session的生成机制、回收机制和存储机制探究

2014/08/19 PHP

php绘制一个矩形的方法

2015/01/24 PHP

浅析THINKPHP的addAll支持的最大数据量

2015/02/03 PHP

php上传功能集后缀名判断和随机命名(强力推荐)

2015/09/10 PHP

Javascript select控件操作大全（新增、修改、删除、选中、清空、判断存在等）

2008/12/19 Javascript

JS实现灵巧的下拉导航效果代码

2015/08/25 Javascript

javascript中substring()、substr()、slice()的区别

2015/08/30 Javascript

js密码强度实时检测代码

2016/03/02 Javascript

JS中的==运算： [''] == false —>true

2016/07/24 Javascript

js与jquery分别实现tab标签页功能的方法

2016/11/18 Javascript

详解动画插件wow.js的使用方法

2017/09/13 Javascript

Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解

2018/03/13 Javascript

vue两个组件间值的传递或修改方式

2018/07/04 Javascript

微信小程序授权登录详解（附完整源码）

2019/08/23 Javascript

解决ele ui 表格表头太长问题的实现

2019/11/13 Javascript

ES5和ES6中类的区别总结

2020/12/21 Javascript

在Ubuntu系统下安装使用Python的GUI工具wxPython

2016/02/18 Python

Python使用filetype精确判断文件类型

2017/07/02 Python

PyQt5+requests实现车票查询工具

2019/01/21 Python

Python绘制二维曲线的日常应用详解

2019/12/04 Python

Python+PyQt5+MySQL实现天气管理系统

2020/06/16 Python

CSS3+DIV实现漂亮的动画彩色标签

2016/06/16 HTML / CSS

CSS3结构性伪类选择器九种写法

2012/04/18 HTML / CSS

css3 pointer-events 介绍详解

2017/09/18 HTML / CSS

详解html2canvas截图不能截取圆角图片的解决方案

2018/01/30 HTML / CSS

跨域修改iframe页面内容详解

2019/10/31 HTML / CSS

Sperry官网：帆船鞋创始品牌

2016/09/07 全球购物

意大利香水和化妆品购物网站：Parfimo.it

2019/10/06 全球购物

路由表示做什么用的？在linux环境中怎么来配置一条默认路由？

2013/06/07 面试题

公司寄语大全

2014/04/10 职场文书

初中学生评语大全

2014/04/24 职场文书

企业法人代表授权委托书

2014/10/02 职场文书

五好家庭申报材料

2014/12/20 职场文书

离婚上诉状范文

2015/05/23 职场文书