码迷,mamicode.com
首页 > 其他好文 > 详细

获取浏览器窗口宽高问题总结

时间:2015-01-30 15:45:14      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:

s  =  "网页可见区域宽:"+  document.body.clientWidth;  
s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight;  
s  +=  "\r\n网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";  
s  +=  "\r\n网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)"; 
s  +=  "\r\n网页正文全文宽:"+  document.body.scrollWidth;  
s  +=  "\r\n网页正文全文高:"+  document.body.scrollHeight;  
s  +=  "\r\n网页被卷去的高:"+  document.body.scrollTop;  
s  +=  "\r\n网页被卷去的左:"+  document.body.scrollLeft;  
s  +=  "\r\n网页正文部分上:"+  window.screenTop;  
s  +=  "\r\n网页正文部分左:"+  window.screenLeft;  
s  +=  "\r\n屏幕分辨率的高:"+  window.screen.height;  
s  +=  "\r\n屏幕分辨率的宽:"+  window.screen.width;  
s  +=  "\r\n屏幕可用工作区高度:"+  window.screen.availHeight;  
s  +=  "\r\n屏幕可用工作区宽度:"+  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
})

获取浏览器窗口宽高问题总结

标签:

原文地址:http://www.cnblogs.com/xingweb/p/4262248.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!