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

jquery 应用代码方便的排序功能

Feb 06 Javascript

基于jquery的监控数据是否发生改变

Apr 11 Javascript

在浏览器窗口上添加遮罩层的方法

Nov 12 Javascript

js中typeof的用法汇总

Dec 12 Javascript

javascript:json数据的页面绑定示例代码

Jan 26 Javascript

jquery得到iframe src属性值的方法

Sep 25 Javascript

Javascript中With语句用法实例

May 14 Javascript

jQuery EasyUI Panel面板组件使用详解

Feb 28 Javascript

Thinkjs3新手入门之添加一个新的页面

Dec 06 Javascript

vue使用keep-alive保持滚动条位置的实现方法

Apr 09 Javascript

在Vue中实现随hash改变响应菜单高亮

Mar 09 Javascript

关于JavaScript回调函数的深入理解

Jun 27 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写的MySQL数据库用户认证系统代码

2007/03/22 PHP

ThinkPHP查询中的魔术方法简述

2014/06/25 PHP

php防止伪造数据从地址栏URL提交的方法

2014/08/24 PHP

Yii核心组件AssetManager原理分析

2014/12/02 PHP

PHP中error_reporting()用法详解

2015/08/31 PHP

PHP代码判断设备是手机还是平板电脑(两种方法)

2015/10/19 PHP

Smarty模板变量调节器用法分析

2016/05/23 PHP

NiftyCube——轻松实现圆角边框

2007/02/20 Javascript

在IE中调用javascript打开Excel的代码(downmoon原作)

2007/04/02 Javascript

让getElementsByName适应IE和firefox的方法

2007/09/24 Javascript

国外的为初学者写的JavaScript教程

2008/06/09 Javascript

JQuery将文本转化成JSON对象需要注意的问题

2011/05/09 Javascript

js数组的操作指南

2014/12/28 Javascript

jquery制作LED 时钟特效

2015/02/01 Javascript

javascript使用输出语句实现网页特效代码

2015/08/06 Javascript

jQuery实现响应鼠标滚动的动感菜单效果

2015/09/21 Javascript

jquery插件方式实现table查询功能的简单实例

2016/06/06 Javascript

利用canvas实现的加载动画效果实例代码

2017/07/05 Javascript

关于vue项目中搜索节流的实现代码

2019/09/17 Javascript

[18:20]DOTA2 HEROS教学视频教你分分钟做大人-昆卡

2014/06/11 DOTA

[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼

2014/07/07 DOTA

python局部赋值的规则

2013/03/07 Python

Python中下划线的使用方法

2015/03/27 Python

Python2.7读取PDF文件的方法示例

2017/07/13 Python

Python实现运行其他程序的四种方式实例分析

2017/08/17 Python

使用pandas中的DataFrame数据绘制柱状图的方法

2018/04/10 Python

python3.6使用pickle序列化class的方法

2018/10/22 Python

Python适配器模式代码实现解析

2019/08/02 Python

浅析Python语言自带的数据结构有哪些

2019/08/27 Python

python将邻接矩阵输出成图的实现

2019/11/21 Python

Python数据可视化:顶级绘图库plotly详解

2019/12/07 Python

解决python父线程关闭后子线程不关闭问题

2020/04/25 Python

详解Python爬虫爬取博客园问题列表所有的问题

2021/01/18 Python

thinkphp5 路由分发原理

2021/03/18 PHP

单位人事专员介绍信

2014/01/11 职场文书

2015廉洁自律个人总结

2015/02/14 职场文书