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 相关文章推荐
jQuery中的常用事件总结
Dec 27 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 Javascript
使用javascript获取flash加载的百分比的实现代码
May 25 Javascript
javascript实现很浪漫的气泡冒出特效
Sep 05 Javascript
JS实现上下左右对称的九九乘法表
Feb 22 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
Angularjs自定义指令Directive详解
May 27 Javascript
结合mint-ui移动端下拉加载实践方法总结
Nov 08 Javascript
jQuery实现动态显示select下拉列表数据的方法
Feb 05 jQuery
Vue表单输入绑定的示例代码
Nov 01 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
Js和VUE实现跑马灯效果
May 25 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 Global变量定义当前页面的全局变量实现探讨
2013/06/05 PHP
Ubuntu 16.04中Laravel5.4升级到5.6的步骤
2018/12/07 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
extjs 初始化checkboxgroup值的代码
2011/09/21 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
JS模板实现方法
2013/04/03 Javascript
理解 JavaScript Scoping & Hoisting(二)
2015/11/18 Javascript
深入浅析Extjs中store分组功能的使用方法
2016/04/20 Javascript
JavaScript闭包实例详解
2016/06/03 Javascript
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
2017/03/15 Javascript
Vue.js手风琴菜单组件开发实例
2017/05/16 Javascript
Javascript中this关键字指向问题的测试与详解
2017/08/11 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
JS实现长图上下滚动效果
2020/03/19 Javascript
Python去掉字符串中空格的方法
2014/03/11 Python
Python之批量创建文件的实例讲解
2018/05/10 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
python启动应用程序和终止应用程序的方法
2019/06/28 Python
Python使用Pandas读写Excel实例解析
2019/11/19 Python
Python连接SQLite数据库并进行增册改查操作方法详解
2020/02/18 Python
在python中求分布函数相关的包实例
2020/04/15 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
见习期自我鉴定
2013/11/07 职场文书
销售顾问的岗位职责
2013/11/13 职场文书
个人实习生的自我评价
2014/02/16 职场文书
ktv筹备计划书
2014/05/03 职场文书
领导干部个人整改措施落实情况汇报
2014/10/29 职场文书
2014年小学教师工作总结
2014/11/10 职场文书
违纪检讨书范文
2015/01/27 职场文书
python使用pygame创建精灵Sprite
2021/04/06 Python
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers