jQuery:获取浏览器中的分辨率
2023-09-14 08:59:34 时间
JQuery: <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> Javascript: 网页可见区域宽: 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
相关文章
- jQuery分页插件(jquery.page.js)的使用
- jQuery Validate多实例讲解
- jQuery表单2
- jQuery Custom Selector JQuery自定义选择器
- jQuery对表单元素的取值和赋值操作代码
- 到浏览器顶部的获取js和jquery
- JQuery模板插件-jquery.tmpl
- checkbox中jQuery对数组和对象的操作
- jQuery图片延迟加载插件:jquery.lazyload
- jQuery学习笔记
- jQuery实现动态数字展示效果demo效果示例(整理)
- 白学jquery Mobile《构建跨平台APP:jQuery Mobile移动应用实战》连续7-电话问卷调查
- python web py入门(63)- jQuery - 判断浏览器窗口是否发生改变
- JQuery判断浏览器类型(IE, Firefox…)
- jquery的extend和fn.extend
- jQuery 操作 CSS
- jquery案例17——手机端监听点击、长按、移动事件