JS,Jquery获取各种屏幕的宽度和高度
2016-05-14 22:14
621 查看
JS,Jquery获取各种屏幕的宽度和高度
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
屏幕可用工作区宽度: window.screen.availWidth
JQuery:
$(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
})
相关文章推荐
- jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别
- jQuery源码分析--event事件绑定(下)
- Jquery中的队列函数quene()、dequene()、clearQuene()
- jQuery选择器总结
- jquery遍历数组、集合、对象
- jquery tmpl 详解
- jQuery打飞机游戏代码下载
- JQuery跨域访问问题:Access-Control-Allow-Origin
- jquery 对 <div>,<span>, <a>,<button>, <radio> 的 赋值与取值
- jQuery 判断是否为数字的方法 及 转换数字函数
- jQuery给动态添加的元素绑定事件的方法
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- 关于如何用jquery的ajax来实现数据的交互
- jQuery防止重复绑定事件的解决方法
- thinkphp中实现ajax异步处理数据(jquery)
- jQuery基于扩展简单实现倒计时功能的方法
- jQuery基于$.ajax设置移动端click超时处理方法
- 使用jquery静态资源公共库cdn及回退地址
- 使用jquery静态资源公共库cdn及回退地址
- 使用jquery静态资源公共库cdn及回退地址