<!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>