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 相关文章推荐
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
30个精美的jQuery幻灯片效果插件和教程
Aug 23 Javascript
最新的10款jQuery内容滑块插件分享
Sep 18 Javascript
javascript使用isNaN()函数判断变量是否为数字
Sep 21 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
jQuery四种选择器使用及示例
Jun 05 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
Sep 28 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 Javascript
JS基于封装函数实现的表格分页完整示例
Jun 26 Javascript
angular4笔记系列之内置指令小结
Nov 09 Javascript
微信小程序实现打卡日历功能
Sep 21 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 多线程上下文中安全写文件实现代码
2009/12/28 PHP
PHP求最大子序列和的算法实现
2011/06/24 PHP
PHP中SESSION使用中的一点经验总结
2012/03/30 PHP
php+ajax实现图片文件上传功能实例
2014/06/17 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
Javascript 对象的解释
2008/11/24 Javascript
JavaScript中setInterval的用法总结
2013/11/20 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
js实现DOM走马灯特效的方法
2015/01/21 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
vue-star评星组件开发实例
2018/03/01 Javascript
微信小程序使用map组件实现路线规划功能示例
2019/01/22 Javascript
vue 引用自定义ttf、otf、在线字体的方法
2019/05/09 Javascript
JavaScript动态添加数据到表单并提交的几种方式
2019/06/26 Javascript
Vue-cli3项目引入Typescript的实现方法
2019/10/18 Javascript
JavaScript编码小技巧分享
2020/09/17 Javascript
python读取json文件并将数据插入到mongodb的方法
2015/03/23 Python
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
python获取一组汉字拼音首字母的方法
2015/07/01 Python
Python数据结构与算法之图结构(Graph)实例分析
2017/09/05 Python
python 2.7.14安装图文教程
2018/04/08 Python
对numpy的array和python中自带的list之间相互转化详解
2018/04/13 Python
浅析Python装饰器以及装饰器模式
2018/05/28 Python
Python faker生成器生成虚拟数据代码实例
2020/07/20 Python
python中doctest库实例用法
2020/12/31 Python
Mankind西班牙男士护肤品网站:购买皮肤护理、护发和剃须
2017/04/27 全球购物
旅游管理专业学生求职信
2013/09/28 职场文书
银行职业规划书范文
2013/12/28 职场文书
公司门卫岗位职责
2014/03/15 职场文书
教师节祝酒词
2015/08/11 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
15个值得收藏的JavaScript函数
2021/09/15 Javascript