jQuery获取屏幕宽度和高度



一. jQuery获取屏幕高度:


  1. <script type="text/javascript">   
  2. $(document).ready(function()   
  3. {   
  4. alert($(window).height()); //浏览器当前窗口可视区域高度   
  5. alert($(document).height()); //浏览器当前窗口文档的高度   
  6. alert($(document.body).height());//浏览器当前窗口文档body的高度   
  7. alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin   



二.jQuery获取屏幕宽度

  1. alert($(window).width()); //浏览器当前窗口可视区域宽度   
  2. alert($(document).width());//浏览器当前窗口文档对象宽度   
  3. alert($(document.body).width());//浏览器当前窗口文档body的高度   
  4. alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin   
  5. }   
  6. )   
  7. </script> 



三.等号

$(window).height( )
=
$(document).height()
=
$(document.body).outerHeight()
=
$(document.body).height()+padding+margin+border






















版权声明:本文为xkjscm原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。