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和Firefox下javascript的兼容写法小结
Dec 10 Javascript
javascript实现分栏显示小技巧附图
Oct 13 Javascript
通过JS动态创建一个html DOM元素并显示
Oct 15 Javascript
jQuery中siblings()方法用法实例
Jan 08 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
Jun 23 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
Dec 31 Javascript
JavaScript数据类型的存储方法详解
Aug 25 Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
Oct 09 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
Jan 25 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 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
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
PHP 登录记住密码实现思路
2013/05/07 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
js实现图片漂浮效果的方法
2015/03/02 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
2016/04/30 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
js实现对table的增加行和删除行的操作方法
2016/10/13 Javascript
JavaScript实现大图轮播效果
2017/01/11 Javascript
javascript自执行函数
2017/02/10 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
2017/10/12 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
微信小程序项目实践之主页tab选项实现
2018/07/18 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
如何在微信小程序中使用骨架屏的步骤
2020/06/12 Javascript
[04:29]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/02/01 DOTA
详解C++编程中一元运算符的重载
2016/01/19 Python
Ubuntu安装Jupyter Notebook教程
2017/10/18 Python
python实现简单登陆流程的方法
2018/04/22 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
使用TensorFlow实现SVM
2018/09/06 Python
Pytorch mask_select 函数的用法详解
2020/02/18 Python
python 动态渲染 mysql 配置文件的示例
2020/11/20 Python
python 模块导入问题汇总
2021/02/01 Python
10种CSS3实现的loading动画,挑一个走吧?
2020/11/16 HTML / CSS
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
澳大利亚便宜隐形眼镜购买网站:QUICKLENS Australia
2018/10/06 全球购物
大学生表扬信范文
2014/01/09 职场文书
大专生自我评价
2014/01/28 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
三问三解心得体会
2014/09/05 职场文书
民用住房租房协议书
2014/10/29 职场文书
工作证明格式范文
2015/06/15 职场文书
《曾国藩家书》读后感——读家书,立家风
2019/08/21 职场文书
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android