<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>jquery获取屏幕尺寸</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
window.alert($(window).height()); //浏览器当前窗口可视区域高度
window.alert($(document).height()); //浏览器当前窗口文档的高度
window.alert($(document.body).height());//浏览器当前窗口文档body的高度
window.alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
window.alert($(window).width()); //浏览器当前窗口可视区域宽度
window.alert($(document).width());//浏览器当前窗口文档对象宽度
window.alert($(document.body).width());//浏览器当前窗口文档body的高度
window.alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
/*
element.scrollHeight 返回整个元素的高度(包括带滚动条的隐蔽的地方)
element.scrollLeft 返回当前视图中的实际元素的左边缘和左边缘之间的距离
element.scrollTop 返回当前视图中的实际元素的顶部边缘和顶部边缘之间的距离
element.scrollWidth 返回元素的整个宽度(包括带滚动条的隐蔽的地方)
*/
</script>
</head>
<body>
</body>
</html>