<!-- <!DOCTYPE HTML> -->
<html>
<head>
<meta charset="utf-8">
<title>怪异模式BACKCOMPACT</title>
<script>
window.function ()
{
var a=document.documentElement.clientHeight;
var b=document.body.clientHeight;
document.getElementById("txt").value="document:"+a+",body:"+b+","+document.documentElement.clientHeight||document.body.clientHeight;
document.onclick=function ()
{
alert('a');
};
};
</script>
</head>
<body>
<input id="txt" type="text" name="">
</body>
</html>
没有时,document.body为浏览器高度
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>标准文档CSS1COMPACT</title>
<script>
window.function ()
{
var a=document.documentElement.clientHeight;
var b=document.body.clientHeight;
//var scroll=document.documentElement.clientHeight||document.body.clientHeight;
//()很重要
document.getElementById("txt").value="documentElement:"+a+",body:"+b+","+(document.documentElement.clientHeight||document.body.clientHeight);
document.documentElement.onclick=function ()
{
alert('a');
};
};
// window.onscroll=function (){
// var c=document.documentElement.scrollTop;
// var d=document.body.scrollTop;
// var scroll=c||d;
// document.getElementById("txt1").value="documentElement:"+c+",body:"+d+","+scroll;
// }
</script>
</head>
<body>
<input id="txt" type="text" name="">
<input style="position: absolute;bottom: 0" id="txt1" type="text" name="">
</body>
</html>
有时,document.body高度为0
谷歌
360
火狐
ie