<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="jq/js/jquery-2.0.3.js"></script>
<style>
body{height: 1000px;margin:20px 0;padding:15px 0;border: 10px solid red;}
</style>
<script>
$(function(){
//浏览器当前窗口可视区域高度
console.log($(window).height())
console.log(document.documentElement.clientHeight)
//浏览器当前窗口文档的高度
console.log($(document).height()) //body+margin+padding+border 1000+40+30+20=1090
console.log($(document.body).height()) //body 1000
console.log('document.body.offsetHeight==='+document.body.offsetHeight )//body+padding+border 1000+30+20=1050
console.log('document.body.clientHeight==='+document.body.clientHeight) //body+padding 1000+30=1030
//网页被卷去的高 IE两个都为0
console.log(document.documentElement.scrollTop) //FF支持 chrome为0
console.log(document.body.scrollTop)//chrome 支持 FF为0
console.log(document.documentElement.scrollTop+document.body.scrollTop)
//网页被卷去的高 jQuery
console.log($(document).scrollTop())
})
</script>
</head>
<body>
</body>
</html>
