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 相关文章推荐
在网页里看flash的trace数据的js类
Jan 10 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 Javascript
js中string转int把String类型转化成int类型
Aug 13 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
JavaScript实现大图轮播效果
Jan 11 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
Apr 25 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
React注册倒计时功能的实现
Sep 06 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 01 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 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支持分块与断点续传文件下载功能代码
2014/05/09 PHP
windows的文件系统机制引发的PHP路径爆破问题分析
2014/07/28 PHP
php中smarty实现多模版网站的方法
2015/06/11 PHP
Yii清理缓存的方法
2016/01/06 PHP
Yii2中多表关联查询hasOne hasMany的方法
2017/02/15 PHP
jQuery之自动完成组件的深入解析
2013/06/19 Javascript
Js操作Select大全(取值、设置选中等等)
2013/10/29 Javascript
在JavaScript中处理字符串之link()方法的使用
2015/06/08 Javascript
AngularJS中的API(接口)简单实现
2016/07/28 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
jQuery中$.ajax()方法参数解析
2016/10/22 Javascript
Jquery 整理元素选取、常用方法一览表
2016/11/26 Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
2017/04/06 Javascript
jQuery选择器之表单元素选择器详解
2017/09/19 jQuery
JavaScript自执行函数和jQuery扩展方法详解
2017/10/27 jQuery
AngularJS使用ng-repeat遍历二维数组元素的方法详解
2017/11/11 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
linux 下以二进制的方式安装 nodejs
2020/02/12 NodeJs
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
JavaScript动态生成表格的示例
2020/11/02 Javascript
Mac下Supervisor进程监控管理工具的安装与配置
2014/12/16 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
Python使用itertools模块实现排列组合功能示例
2018/07/02 Python
解决python中遇到字典里key值为None的情况,取不出来的问题
2018/10/17 Python
基于Tensorflow使用CPU而不用GPU问题的解决
2020/02/07 Python
Pycharm中安装Pygal并使用Pygal模拟掷骰子(推荐)
2020/04/08 Python
Python中无限循环需要什么条件
2020/05/27 Python
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
澳大利亚最受欢迎的超级商场每日优惠:Catch
2020/11/17 全球购物
委托代理人授权委托书范本
2014/09/24 职场文书
2014年绩效考核工作总结
2014/12/11 职场文书
电力企业职工培训心得体会
2016/01/11 职场文书
2019个人工作态度自我评价
2019/04/24 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书