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 相关文章推荐
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 Javascript
jQuery遍历对象、数组、集合实例
Nov 08 Javascript
JavaScript构造函数详解
Dec 27 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
javascript获取select标签选中的值
Jun 04 Javascript
基于JQuery及AJAX实现名人名言随机生成器
Feb 10 Javascript
Vue.js自定义事件的表单输入组件方法
Mar 08 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
Feb 21 Javascript
JS实现音乐导航特效
Jan 06 Javascript
ant design vue中表格指定格式渲染方式
Oct 28 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
Access数据库导入Mysql的方法之一
2006/10/09 PHP
php公用函数列表[正则]
2007/02/22 PHP
php smarty模版引擎中的缓存应用
2009/12/02 PHP
php INI配置文件的解析实现分析
2011/01/04 PHP
php 使用GD库为页面增加水印示例代码
2014/03/24 PHP
PHP按行读取文件时删除换行符的3种方法
2014/05/04 PHP
Yii实现简单分页的方法
2016/04/29 PHP
PHP脚本自动识别验证码查询汽车违章
2016/12/20 PHP
Laravel中前端js上传图片到七牛云的示例代码
2017/09/04 PHP
js中获取事件对象的方法小结
2011/03/13 Javascript
有效提高JavaScript执行效率的几点知识
2015/01/31 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
2017/08/15 jQuery
VueJs组件prop验证简单介绍
2017/09/12 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
详解node child_process模块学习笔记
2018/01/24 Javascript
jQuery创建及操作xml格式数据示例
2018/05/26 jQuery
Vue 组件封装 并使用 NPM 发布的教程
2018/09/30 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
layui多iframe页面控制定时器运行的方法
2019/09/05 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
Python opencv实现人眼/人脸识别以及实时打码处理
2019/04/29 Python
使用Python实现 学生学籍管理系统
2019/11/26 Python
Python接收手机短信的代码整理
2020/08/02 Python
python时间序列数据转为timestamp格式的方法
2020/08/03 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
会议开幕词
2015/01/28 职场文书
答辩状格式范本
2015/05/22 职场文书
2019年教师入党申请书
2019/06/27 职场文书
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript
Python语言中的数据类型-序列
2022/02/24 Python
MySQL学习之基础操作总结
2022/03/19 MySQL