分享

jQuery 获取屏幕高度和宽度

 飞鹰飞龙飞天 2015-11-24
Java代码  收藏代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www./TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5. <title></title>  
  6. <script type="text/javascript" src="jquery-1.10.1.min.js"></script>  
  7. </head>  
  8. <body>  
  9. <script type="text/javascript">  
  10. //做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。   
  11.   
  12. document.writeln($(window).height()+"//浏览器当前窗口可视区域高度<br>");  
  13.   
  14. document.writeln($(document).height()+"//浏览器当前窗口文档的高度<br>");   
  15.   
  16. document.writeln($(document.body).height()+"//浏览器当前窗口文档body的高度<br>");    
  17.   
  18. document.writeln($(document.body).outerHeight(true)+"//浏览器当前窗口文档body的总高度 包括border padding margin<br>");   
  19.   
  20. document.writeln($(window).width()+"//浏览器当前窗口可视区域宽度<br>");   
  21.   
  22. document.writeln($(document).width()+"//浏览器当前窗口文档对象宽度<br>");    
  23.   
  24. document.writeln($(document.body).width()+"//浏览器当前窗口文档body的高度<br>");    
  25.   
  26. document.writeln($(document.body).outerWidth(true)+"//浏览器当前窗口文档body的总宽度 包括border padding margin<br>");    
  27. </script>  
  28. </body>  
  29. </html>  

 

效果图:

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多