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

背景音乐每次刷新都可以自动更换

Feb 01 Javascript

js页面跳转的问题(跳转到父页面、最外层页面、本页面)

Aug 14 Javascript

JavaScript自定义等待wait函数实例分析

Mar 23 Javascript

JavaScript简单修改窗口大小的方法

Aug 03 Javascript

jQuery实用技巧必备（下）

Nov 03 Javascript

谈谈Jquery ajax中success和complete有哪些不同点

Nov 20 Javascript

AngularJS延迟加载html template

Jul 27 Javascript

JS获取多维数组中相同键的值实现方法示例

Jan 06 Javascript

jQuery实现的回车触发按钮事件功能示例

Mar 25 jQuery

JS加密插件CryptoJS实现的Base64加密示例

Aug 16 Javascript

Node.js Koa2使用JWT进行鉴权的方法示例

Aug 17 Javascript

vue实现Toast组件轻提示

Apr 10 Vue.js

如何使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

探讨GDFONTPATH能否被winxp下的php支持

2013/06/21 PHP

WordPress中对访客评论功能的一些优化方法

2015/11/24 PHP

php将一维数组转换为每3个连续值组成的二维数组

2016/05/06 PHP

php实现遍历文件夹的方法汇总

2017/03/02 PHP

javascript EXCEL 操作类代码

2009/07/30 Javascript

nodejs win7下安装方法

2012/05/24 NodeJs

深入分析jquery解析json数据

2014/12/09 Javascript

javascript判断图片是否加载完成的方法推荐

2016/05/13 Javascript

Canvas 制作动态进度加载水球详解及实例代码

2016/12/09 Javascript

jQuery Validate 相关参数及常用的自定义验证规则

2017/03/06 Javascript

详解JS构造函数中this和return

2017/09/16 Javascript

js实现删除li标签一行内容

2019/04/16 Javascript

JS正则表达式封装与使用操作示例

2019/05/15 Javascript

Element ui 下拉多选时新增一个选择所有的选项

2019/08/21 Javascript

jquery实现掷骰子小游戏

2019/10/24 jQuery

[01:18:35]DOTA2-DPC中国联赛正赛 Elephant vs LBZS BO3 第一场 1月29日

2021/03/11 DOTA

Python遍历目录的4种方法实例介绍

2015/04/13 Python

Python首次安装后运行报错(0xc000007b)的解决方法

2016/10/18 Python

python中子类继承父类的__init__方法实例

2016/12/15 Python

使用Python实现微信提醒备忘录功能

2018/12/04 Python

Python、 Pycharm、Django安装详细教程(图文)

2019/04/12 Python

python版百度语音识别功能

2019/07/09 Python

Python list与NumPy array 区分详解

2019/11/06 Python

python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例

2020/03/08 Python

Python读取pdf表格写入excel的方法

2021/01/22 Python

使用jquery实现HTML5响应式导航菜单教程

2014/04/02 HTML / CSS

用HTML5 实现橡皮擦的涂抹效果的教程

2015/05/11 HTML / CSS

澳大利亚小众服装品牌：Maurie & Eve

2018/03/27 全球购物

千禧酒店及度假村官方网站：Millennium Hotels and Resorts

2019/05/10 全球购物

颇特女士：NET-A-PORTER（直邮中国）

2020/07/11 全球购物

应聘教师推荐信

2013/10/31 职场文书

汽车运用工程专业毕业生推荐信

2013/12/25 职场文书

甜品店创业计划书

2014/09/21 职场文书

写给同学的新学期寄语

2015/02/27 职场文书

python 定义函数返回值只取其中一个的实现

2021/05/21 Python

ECharts transform数据转换和dataZoom在项目中使用

2022/12/24 Javascript