2
大家好：「// W3C // DTD HTML 4.01」和「// W3C // DTD XHTML 1.0」有什麼區別？
我想要得到的網頁瀏覽器的autual高度，但我得到了有關W3C DTD HTML 4.01和// W3C // DTC XHTML 1.0一些混亂，下面是我的問題的細節：
如果我使用W3C DTD HTML 4.01在頁頭的頂部，使用document.body.clientHeight，那麼我不能讓瀏覽器的全高：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test jQuery Height</title>
<script type="text/javascript" src="../lib/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
var height=document.body.clientHeight;
alert(height);
})
</script>
</head>
<body>
<div style="margin-left:30px;">
<button>Start Select</button>
<button>Stop Select7lt;/button>
</div>
</body>
</html>
但是，如果我改變// W3C // DTD HTML 4.01或使用文件.documentElement.clientHeight，那麼我能得到瀏覽器的實際高度：
1.使用// W3C // DTD HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test jQuery Height</title>
<script type="text/javascript" src="../lib/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
var height=document.body.clientHeight;
alert(height);
})
</script>
</head>
<body>
<div style="margin-left:30px;">
<button>Start Select</button>
<button>Stop Select7lt;/button>
</div>
</body>
</html>
- 使用document.documentElement.clientHeight
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test jQuery Height</title>
<script type="text/javascript" src="../lib/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
var height=document.documentElement.clientHeight;
alert(height);
})
</script>
</head>
<body>
<div style="margin-left:30px;">
<button>Start Select</button>
<button>Stop Select7lt;/button>
</div>
</body>
</html>
所以，我的問題是什麼是「// W3C // DTD之間的區別HTML 4.01「和」// W3C // DTD XHTML 1.0「？
任何幫助將不勝感激！
如果可以的話，採用HTML5-'<！DOCTYPE html>'是個好主意。 –
檢索clientHeight和clientWidth的問題似乎更像是一個瀏覽器問題。你正在使用哪種瀏覽器？ –
那麼，我們的團隊希望能夠對Chrome，Firefox，IE9 + **進行罰款，我認爲應該有一個通用的解決方案。 – lucumt