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 相关文章推荐
IE 条件注释详解总结(附实例代码)
Aug 29 Javascript
javascript window.opener的用法分析
Apr 07 Javascript
jQuery-ui中自动完成实现方法
Jun 10 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
Apr 28 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
jQuery实现简单的抽奖游戏
May 05 jQuery
Angular4的输入属性与输出属性实例详解
Nov 29 Javascript
JavaScript中交换值的10种方法总结
Aug 18 Javascript
用js实现放大镜效果
Oct 28 Javascript
vue+element table表格实现动态列筛选的示例代码
Jan 14 Vue.js
JavaScript 语句之常用 for 循环详解
Mar 29 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环境搭建最新方法
2006/09/05 PHP
php 多线程上下文中安全写文件实现代码
2009/12/28 PHP
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
PHP安全上传图片的方法
2015/03/21 PHP
PHP json_encode() 函数详解及中文乱码问题
2015/11/05 PHP
js宝典学习笔记(上)
2007/01/10 Javascript
javascript手工制作悬浮菜单
2015/02/12 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2015/04/01 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
JS数组合并push与concat区别分析
2015/12/17 Javascript
获取url中用&amp;隔开的参数实例(分享)
2017/05/28 Javascript
Ionic项目中Native Camera的使用方法
2017/06/07 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
[05:02][DOTA2]DOTA进化论 第一期
2013/09/27 DOTA
python实现微信接口(itchat)详细介绍
2017/10/23 Python
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
Python对多属性的重复数据去重实例
2018/04/18 Python
Python常用特殊方法实例总结
2019/03/22 Python
Pandas中DataFrame基本函数整理(小结)
2020/07/20 Python
matplotlib制作雷达图报错ValueError的实现
2021/01/05 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
Unix如何添加新的用户
2014/08/20 面试题
质量月口号
2014/06/20 职场文书
2015年营销工作总结范文
2015/04/23 职场文书
普通员工辞职信范文
2015/05/12 职场文书
复兴之路展览观后感
2015/06/02 职场文书
论语读书笔记
2015/06/26 职场文书
如何理解PHP核心特性命名空间
2021/05/28 PHP
基于Java的MathML转图片的方法(示例代码)
2021/06/23 Java/Android
Redis中有序集合的内部实现方式的详细介绍
2022/03/16 Redis
Win11如何启用启动修复 ? Win11执行启动修复的三种方法
2022/04/08 数码科技
使用Python开发冰球小游戏
2022/04/30 Python
pytorch实现加载保存查看checkpoint文件
2022/07/15 Python