javascri获取页面实际高度

以下为详细代码

<!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=gb2312" />
<meta name="author" content="Chomo" />
<title>javascri获取页面实际高度</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="点击获取页面高度" /> 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
内容 内容 内容 内容 内容 内容 
</div></body>
</html>

前一页:超级实用且不花哨的js代码大全( 8 )

后一页:代码绝对精简的仿lightbox效果弹出层