<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
<title>JavaScript点击获取网页高度</title>
<style type=
"text/css"
>
html,body { overflow:hidden; height:100%; margin:0; padding:0;}
div { height:100%; overflow:auto;}
</style>
<script language=
"javascript"
>
function
getHeight(){
var
wrapDiv=document.getElementById(
"wrapDiv"
);
alert(
"document.body.offsetHeight:"
+ document.body.offsetHeight);
alert(
"document.body.scrollHeight:"
+ document.body.scrollHeight);
alert(
"wrapDiv.offsetHeight"
+ wrapDiv.offsetHeight);
alert(
"wrapDiv.scrollHeight:"
+ wrapDiv.scrollHeight);
}
</script>
</head>
<body><div id=
"wrapDiv"
>
<input class=
"e_button"
type=
"button"
onclick=
"getHeight();"
value=
"点击获取页面高度"
/><br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
内容<br />内容<br />内容<br />内容<br />内容<br />内容<br />
</div></body>
</html>