大家好:「// 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