最新消息:专注互联网,专注前端,多分享,多学习!

JQuery获取浏览器的高度和宽度

jquery_applications

在UI开发的过程中,特别webapp等系统,常用到是自适应,或现在流行的响应式。就会涉及到浏览器端的宽高

下面是可参考的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获取浏览器的高度和宽度

与本文相关文章

发表我的评论

取消评论
表情 插代码

Hi,您需要填写昵称和邮箱!

  • 必填项
  • 必填项