编程 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 创建对象

Jul 17 Javascript

Javascript学习笔记之对象篇（三） : hasOwnProperty

Jun 24 Javascript

jQuery实现淡入淡出二级下拉导航菜单的方法

Aug 28 Javascript

Bootstrap每天必学之按钮

Nov 26 Javascript

BootStrap的JS插件之轮播效果案例详解

May 16 Javascript

AngularJs表单验证实例详解

May 30 Javascript

JS打印组合功能

Aug 04 Javascript

如何使用Bootstrap创建表单

Mar 29 Javascript

利用vue + koa2 + mockjs模拟数据的方法教程

Nov 22 Javascript

Node.js API详解之 readline模块用法详解

May 22 Javascript

详解vue3.0 的 Composition API 的一种使用方法

Oct 26 Javascript

Js利用正则表达式去除字符串的中括号

Nov 23 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 得到根目录的 __FILE__ 常量

2008/07/23 PHP

thinkphp下MySQL数据库读写分离代码剖析

2017/04/18 PHP

js 事件截取enter按键页面提交事件示例代码

2014/03/04 Javascript

javascipt:filter过滤介绍及使用

2014/09/10 Javascript

JavaScript搜索字符串并将搜索结果返回到字符串的方法

2015/04/06 Javascript

js多功能分页组件layPage使用方法详解

2016/05/19 Javascript

JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法

2016/12/07 Javascript

webpack入门必知必会

2017/01/16 Javascript

完美解决input[type=number]无法显示非数字字符的问题

2017/02/28 Javascript

Bootstrap组合上、下拉框简单实现代码

2017/03/06 Javascript

让nodeJS支持ES6的词法----babel的安装和使用方法

2017/07/31 NodeJs

js使用highlight.js高亮你的代码

2017/08/18 Javascript

详解Vue组件实现tips的总结

2017/11/01 Javascript

实战node静态文件服务器的示例代码

2018/03/08 Javascript

webpack4 SplitChunks实现代码分隔详解

2019/05/23 Javascript

Vue监听页面刷新和关闭功能

2019/06/20 Javascript

[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛

2017/12/06 DOTA

[08:08]DOTA2-DPC中国联赛2月28日Recap集锦

2021/03/11 DOTA

python通过floor函数舍弃小数位的方法

2015/03/17 Python

Python中的字符串类型基本知识学习教程

2016/02/04 Python

python构建深度神经网络（续）

2018/03/10 Python

python如何在列表、字典中筛选数据

2018/03/19 Python

多个应用共存的Django配置方法

2018/05/30 Python

python虚拟环境完美部署教程

2019/08/06 Python

Keras实现DenseNet结构操作

2020/07/06 Python

python 模拟登陆github的示例

2020/12/04 Python

手把手教你配置JupyterLab 环境的实现

2021/02/02 Python

matplotlib之pyplot模块坐标轴标签设置使用(xlabel()、ylabel())

2021/02/22 Python

Servlet都有哪些方法？主要作用是什么？

2014/03/04 面试题

初二政治教学反思

2014/01/12 职场文书

诉讼代理人授权委托书

2014/04/08 职场文书

《她是我的朋友》教学反思

2014/04/26 职场文书

2015年六一儿童节活动总结

2015/02/11 职场文书

学困生帮扶工作总结

2015/08/13 职场文书

MySQL约束超详解

2021/09/04 MySQL

MySQL笔记 —SQL运算符

2022/01/18 MySQL