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

支持ie与FireFox的剪切板操作代码

Sep 28 Javascript

js中有关IE版本检测

Jan 04 Javascript

基于jquery自定义的漂亮单选按钮RadioButton

Nov 19 Javascript

Javascript编写2048小游戏

Jul 07 Javascript

jquery实现未经美化的简洁TAB菜单效果

Aug 28 Javascript

JavaScript在控件上添加倒计时功能的实现代码

Jul 04 Javascript

Vue.js仿微信聊天窗口展示组件功能

Aug 11 Javascript

微信小程序返回多级页面的实现方法

Oct 27 Javascript

jQuery仿移动端支付宝键盘的实现代码

Aug 15 jQuery

如何解决.vue文件url引用文件的问题

Jan 18 Javascript

angular 服务随记小结

May 06 Javascript

vue ssr+koa2构建服务端渲染的示例代码

Mar 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 接入微信扫码支付总结(总结篇)

2016/11/03 PHP

利用PHP实现开心消消乐的算法示例

2017/10/12 PHP

JS控件autocomplete 0.11演示及下载 1月5日已更新

2007/01/09 Javascript

关于JS控制代码暂停的实现方法分享

2012/10/11 Javascript

ajax请求get与post的区别总结

2013/11/04 Javascript

JS实现静止元素自动移动示例

2014/04/14 Javascript

jQuery中的$.ajax()方法应用

2014/05/06 Javascript

再谈Jquery Ajax方法传递到action(补充)

2014/05/12 Javascript

jquery 插件实现瀑布流图片展示实例

2015/04/03 Javascript

Node.js Streams文件读写操作详解

2016/07/04 Javascript

如何利用JSHint减少JavaScript的错误

2016/08/23 Javascript

解决拦截器对ajax请求的拦截实例详解

2016/12/21 Javascript

Windows下快速搭建NodeJS本地服务器的步骤

2017/08/09 NodeJs

vue-router 导航钩子的具体使用方法

2017/08/31 Javascript

AngularJS中下拉框的高级用法示例

2017/10/11 Javascript

javascript填充默认头像方法

2018/02/22 Javascript

微信小程序实现聊天对话(文本、图片)功能

2018/07/06 Javascript

Vue 配合eiement动态路由,权限验证的方法

2018/09/26 Javascript

Vue中的$set的使用实例代码

2018/10/08 Javascript

小程序分享链接onShareAppMessage的具体用法

2020/05/22 Javascript

vue路由分文件拆分管理详解

2020/08/13 Javascript

Openlayers实现点闪烁扩散效果

2020/09/24 Javascript

微信小程序实现音乐播放页面布局

2020/12/11 Javascript

python+django+sql学生信息管理后台开发

2018/01/11 Python

利用python和百度地图API实现数据地图标注的方法

2019/05/13 Python

python打包exe开机自动启动的实例(windows)

2019/06/28 Python

Python爬虫爬取百度搜索内容代码实例

2020/06/05 Python

tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T

2020/06/22 Python

canvas 下载二维码和图片加水印的方法

2018/03/21 HTML / CSS

爱尔兰旅游网站：ebookers.ie

2020/01/24 全球购物

美国饼干礼物和美食甜点购买网站：Cheryl’s

2020/05/28 全球购物

华为慧通面试题

2012/09/11 面试题

2014年乡镇工作总结

2014/11/21 职场文书

社区重阳节活动总结

2015/03/24 职场文书

2016党员学习作风建设心得体会

2016/01/21 职场文书

golang为什么要统一错误处理

2022/04/03 Golang