编程 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 相关文章推荐

innerText和innerHTML 一些问题分析

May 18 Javascript

动态创建样式表在各浏览器中的差异测试代码

Sep 13 Javascript

在js文件中写el表达式取不到值的原因及解决方法

Dec 23 Javascript

删除条目时弹出的确认对话框

Jun 05 Javascript

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

Feb 28 Javascript

Bootstrap布局组件教程之Bootstrap下拉菜单

Jun 12 Javascript

详解如何将angular-ui的图片轮播组件封装成一个指令

May 09 Javascript

实例详解JavaScript中setTimeout函数的执行顺序

Jul 12 Javascript

React教程之Props验证的具体用法（Props Validation）

Sep 04 Javascript

Sublime Text新建.vue模板并高亮(图文教程)

Oct 26 Javascript

JavaScript位置参数实现原理及过程解析

Sep 14 Javascript

如何使用JS console.log()技巧提高工作效率

Oct 14 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 $_ENV为空的原因分析

2009/06/01 PHP

ThinkPHP中实例Model方法的区别说明

2010/08/21 PHP

如何使用PHP计算上一个月的今天

2013/05/23 PHP

PHP扩展模块Pecl、Pear以及Perl的区别

2014/04/09 PHP

10个超级有用的PHP代码片段果断收藏

2015/09/23 PHP

Javascript常考语句107条收集

2010/03/09 Javascript

jquery 学习之一对象访问

2010/11/23 Javascript

js如何实现设计模式中的模板方法

2013/07/23 Javascript

将input file的选择的文件清空的两种解决方案

2013/10/21 Javascript

Javascript小技能总结(推荐)

2016/06/02 Javascript

jQuery UI Bootstrap是什么?

2016/06/17 Javascript

JS实现的数字格式化功能示例

2017/02/10 Javascript

Bootstrap栅格系统使用方法及页面调整变形的解决方法

2017/03/10 Javascript

vue与原生app的对接交互的方法(混合开发)

2018/11/28 Javascript

js中的this的指向问题详解

2019/08/29 Javascript

详解Vue 单文件组件的三种写法

2020/02/19 Javascript

vue实现简单瀑布流布局

2020/05/28 Javascript

解决vue页面刷新，数据丢失的问题

2020/11/24 Vue.js

Python2包含中文报错的解决方法

2018/07/09 Python

利用Python将数值型特征进行离散化操作的方法

2018/11/06 Python

python矩阵的转置和逆转实例

2018/12/12 Python

python实现一组典型数据格式转换

2018/12/15 Python

Python----数据预处理代码实例

2019/03/20 Python

Python集合基本概念与相关操作实例分析

2019/10/30 Python

python3下pygame如何实现显示中文

2020/01/11 Python

详解字符串在Python内部是如何省内存的

2020/02/03 Python

python抢购软件/插件/脚本附完整源码

2021/03/04 Python

浅析HTML5 meta viewport参数

2020/10/28 HTML / CSS

安踏官方商城：anta.cn

2019/12/16 全球购物

运动会解说词100字

2014/01/31 职场文书

财务会计岗位职责

2015/02/03 职场文书

2015入党自荐书范文

2015/03/05 职场文书

乔布斯辞职信（中英文对照）

2015/05/12 职场文书

新郎新娘致辞

2015/07/31 职场文书

2016父亲节感恩话语

2015/12/09 职场文书

Nginx如何配置多个服务域名解析共用80端口详解

2022/09/23 Servers