JS和jquery获取各种屏幕的宽度和高度的代码


Posted in Javascript onAugust 02, 2013

Javascript:

网页可见区域宽: 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

JQuery:

$(document).ready(function(){

alert($(window).height()); //浏览器当前窗口可视区域高度

alert($(document).height()); //浏览器当前窗口文档的高度

alert($(document.body).height());//浏览器当前窗口文档body的高度

alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

alert($(window).width()); //浏览器当前窗口可视区域宽度

alert($(document).width());//浏览器当前窗口文档对象宽度

alert($(document.body).width());//浏览器当前窗口文档body的宽度

alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

})
Javascript 相关文章推荐
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
Oct 31 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
js获得网页背景色和字体色的方法
Mar 21 Javascript
js编写当天简单日历效果【实现代码】
May 03 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
uploader秒传图片到服务器完整代码
Apr 22 Javascript
Angularjs 事件指令详细整理
Jul 27 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 04 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 Javascript
JavaScript获取/更改文本框的值的实例代码
Aug 02 #Javascript
JS限制Textarea文本域字符个数的具体实现
Aug 02 #Javascript
javascript自动改变文字大小和颜色的效果的小例子
Aug 02 #Javascript
JS解决ie6下png透明的方法实例
Aug 02 #Javascript
用innerhtml提高页面打开速度的方法
Aug 02 #Javascript
JQuery 获取json数据$.getJSON方法的实例代码
Aug 02 #Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 #Javascript
You might like
php中的boolean(布尔)类型详解
2013/10/28 PHP
PHP的一个完美GIF等比缩放类,附带去除缩放黑背景
2014/04/01 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
php基础教程
2015/08/26 PHP
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
动态控制Table的js代码
2007/03/07 Javascript
JavaScript 权威指南(第四版) 读书笔记
2009/08/11 Javascript
ajax java 实现自动完成功能
2012/12/19 Javascript
P3P Header解决Cookie跨域的问题
2013/03/12 Javascript
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
javascript创建和存储cookie示例
2014/01/07 Javascript
JavaScript开发人员的10个关键习惯小结
2014/12/05 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
使用js复制链接中的部分文字的方法
2015/07/30 Javascript
JavaScript实现in-place思想的快速排序方法
2016/08/07 Javascript
AngularJs html compiler详解及示例代码
2016/09/01 Javascript
vue2.x 对象劫持的原理实现
2020/04/19 Javascript
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
python实现机器学习之元线性回归
2018/09/06 Python
对python3中, print横向输出的方法详解
2019/01/28 Python
python selenium firefox使用详解
2019/02/26 Python
基于Python2、Python3中reload()的不同用法介绍
2019/08/12 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
美国奢侈品在线团购网站:Gilt City
2017/11/16 全球购物
JS原生实现轮播图的几种方法
2021/03/23 Javascript
财务主管自我鉴定
2014/01/17 职场文书
信息合作协议书
2014/10/09 职场文书
论文答谢词
2015/01/20 职场文书
北京颐和园导游词
2015/01/30 职场文书
创业计划书之密室逃脱
2019/11/08 职场文书
Canvas三种动态画圆实现方法说明(小结)
2021/04/16 Javascript
HTML页面中使两个div并排显示的实现
2022/05/15 HTML / CSS