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文件缓存的代码
Apr 09 Javascript
Jquery replace 字符替换实现代码
Dec 02 Javascript
实现placeholder效果的方案汇总
Jun 11 Javascript
JS前端加密算法示例
Dec 22 Javascript
微信小程序左滑动显示菜单功能的实现
Jun 14 Javascript
详解Vue取消eslint语法限制
Aug 04 Javascript
JS字符串与二进制的相互转化实例代码详解
Jun 28 Javascript
详解django模板与vue.js冲突问题
Jul 07 Javascript
将RGB值转换为灰度值的简单算法
Oct 09 Javascript
js 实现watch监听数据变化的代码
Oct 13 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
JS实现简单日历特效
Jan 03 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/08/07 PHP
php使用PDO获取结果集的方法
2017/02/16 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
laravel框架实现敏感词汇过滤功能示例
2020/02/15 PHP
JavaScript 继承详解(二)
2009/07/13 Javascript
几个有趣的Javascript Hack
2010/07/24 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
js导入导出excel(实例代码)
2013/11/25 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
js实现图片淡入淡出切换简易效果
2016/08/22 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
JavaScript面向对象精要(上部)
2017/09/12 Javascript
JS中双击和单击事件冲突的解决方法
2018/04/09 Javascript
写一个Vue Popup组件
2019/02/25 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
python timestamp和datetime之间转换详解
2017/12/11 Python
Python中staticmethod和classmethod的作用与区别
2018/10/11 Python
用python标准库difflib比较两份文件的异同详解
2018/11/16 Python
Python控制键盘鼠标pynput的详细用法
2019/01/28 Python
linux中如何使用python3获取ip地址
2019/07/15 Python
如何用Matlab和Python读取Netcdf文件
2021/02/19 Python
Dockers美国官方网站:卡其裤、男士服装、鞋及配件
2016/11/22 全球购物
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
C#可否对内存进行直接的操作
2015/02/26 面试题
Java基础类库面试题
2013/09/04 面试题
小学生综合素质评语
2014/04/23 职场文书
单位授权委托书范文
2014/08/02 职场文书
我的中国梦演讲稿600字
2014/08/19 职场文书
2014年乡镇党建工作总结
2014/11/11 职场文书
党员“一帮一”活动总结
2015/05/07 职场文书
古诗之感恩老师
2019/10/24 职场文书