jQuery获取浏览器中的分辨率实现代码


Posted in Javascript onApril 23, 2013
<script type="text/javascript"> 
$(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 
alert(screen.height);//显示器分辨率,只能用JavaScript代码获 
alert(screen.width); 
}) 
</script>

网页可见区域宽: 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
Javascript 相关文章推荐
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
JQuery工具函数汇总
Jun 15 Javascript
jQuery的position()方法详解
Jul 19 Javascript
利用bootstrapValidator验证UEditor
Sep 14 Javascript
jquery实现输入框实时输入触发事件代码
Dec 21 Javascript
树结构之JavaScript
Jan 24 Javascript
ES6新特性之模块Module用法详解
Apr 01 Javascript
vue-cli+webpack记事本项目创建
Apr 01 Javascript
webpack之devtool详解
Feb 10 Javascript
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
Angular4 Select选择改变事件的方法
Oct 09 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 26 Javascript
使用PHP+JQuery+Ajax分页的实现
Apr 23 #Javascript
jQuery写的日历(包括日历的样式及功能)
Apr 23 #Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
Apr 23 #Javascript
js事件冒泡实例分享(已测试)
Apr 23 #Javascript
js绑定事件this指向发生改变的问题解决方法
Apr 23 #Javascript
js判断生效时间不得大于失效时间的思路及代码
Apr 23 #Javascript
修改file按钮的默认样式实现代码
Apr 23 #Javascript
You might like
php环境无法上传文件的解决方法
2014/04/30 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
Smarty使用自定义资源的方法
2015/08/08 PHP
thinkPHP下ueditor的使用方法详解
2015/12/26 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
jQuery页面加载初始化常用的三种方法
2014/06/04 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
JQuery插件jcarousellite的参数中文说明
2015/05/11 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
一分钟理解js闭包
2016/05/04 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
JS实现两周内自动登录功能
2017/03/23 Javascript
原生js实现简单的链式操作
2017/07/04 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
2017/08/31 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
2019/03/30 Javascript
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
python比较2个xml内容的方法
2015/05/11 Python
快速入手Python字符编码
2016/08/03 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
python抽取指定url页面的title方法
2018/05/11 Python
Python for循环中的陷阱详解
2018/07/13 Python
python 计算数据偏差和峰度的方法
2019/06/29 Python
Django mysqlclient安装和使用详解
2020/09/17 Python
莫斯科绝对前卫最秘密的商店:SVMoscow
2017/10/23 全球购物
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
Python使用openpyxl复制整张sheet
2021/03/24 Python
2014年上半年工作自我评价
2014/01/18 职场文书
喷漆工的岗位职责
2014/03/17 职场文书
乡村卫生服务一体化管理实施方案
2014/03/30 职场文书
2014流动人口计划生育工作总结
2014/12/20 职场文书
岁月神偷观后感
2015/06/11 职场文书
前端JavaScript大管家 package.json
2021/11/02 Javascript