`
小杨学JAVA
  • 浏览: 886489 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JS 获取窗口高度

    博客分类：
  • js
 
阅读更多
转：http://blog.163.com/rex_blog/blog/static/1944801012011982028686/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>powered by 25175.net
  <TITLE> 25175 New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">

 </HEAD>

 <BODY>
<SCRIPT  LANGUAGE="JavaScript">  
var    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;  
alert(s);  
if (document.body.clientHeight<500)
{alert('400')
}
</SCRIPT>

 </BODY>
</HTML>

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
})
 
 
 
 
 
分享到：
| JS获取滚动条位置，（转）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics