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 函数及作用域总结介绍
Nov 12 Javascript
Javascript控制input输入时间格式的方法
Jan 28 Javascript
初步认识JavaScript函数库jQuery
Jun 18 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
Dec 12 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 Javascript
javascript中sort排序实例详解
Jul 24 Javascript
很酷的星级评分系统原生JS实现
Aug 25 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
Jan 08 Javascript
Vue中使用matomo进行访问流量统计的实现
Nov 05 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
Feb 12 Javascript
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
如何阻止移动端浏览器点击图片浏览
Aug 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 is_file()和is_dir()用于遍历目录时用法注意事项
2010/03/02 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
php用xpath解析html的代码实例讲解
2019/02/14 PHP
自动更新作用
2006/10/08 Javascript
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
2014/04/16 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
bootstrap的工具提示实例代码
2017/05/17 Javascript
Angular2 组件通信的实例代码
2017/06/23 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
vue父子组件通信的高级用法示例
2019/08/29 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
在Python中使用Mako模版库的简单教程
2015/04/08 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
Python 实现「食行生鲜」签到领积分功能
2018/09/26 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
Python检测数据类型的方法总结
2019/05/20 Python
Python二元赋值实用技巧解析
2019/10/25 Python
python实现简单颜色识别程序
2020/02/19 Python
医药营销专业个人自荐信
2013/09/29 职场文书
优秀员工表扬信
2014/01/17 职场文书
给面试官的感谢信
2014/02/01 职场文书
售后服务经理岗位职责范本
2014/02/22 职场文书
四年级学生评语大全
2014/04/21 职场文书
2014年班级工作总结
2014/11/14 职场文书
营业用房租赁协议书
2014/11/26 职场文书
八年级英语教学计划
2015/01/23 职场文书
搞笑结婚保证书
2015/05/08 职场文书
八年级作文之我的母亲
2019/12/10 职场文书
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS