window.screen

window.screen.availWidth 返回当前屏幕宽度(空白空间)
window.screen.availHeight 返回当前屏幕高度(空白空间)      （1160像素，少了40像素？？？）
window.screen.width 返回当前屏幕宽度(分辨率值)                   $(window).width()为浏览器窗口的宽度
window.screen.height 返回当前屏幕高度(分辨率值)
window.document.body.offsetWidth; 返回当前网页宽度  （网页的宽度为1904，少了16像素????）

window.document.body.offsetHeight; 返回当前网页高度 （若网页中只有一个100像素高的div，此值就为100px）

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 5         <title>window.screen</title>    
 6         <script type="text/javascript" src='js/jquery.js'></script>    
 7         <script type="text/javascript">            
 8             $(function(){
 9                 console.log(window.screen.availWidth);             //1920
10                 console.log(window.screen.availHeight);             //1160
11                 console.log(window.screen.width);                 //1920
12                 console.log(window.screen.height);                 //1200
13                 console.log(window.document.body.offsetWidth);   //1904
14                 console.log(window.document.body.offsetHeight);     //500
15             })
16         </script>
17     </head>
18     <body>        
19         <div style='width:100px; height:500px;'></div>
20     </body>
21     </html>

 

posted @ 2013-11-27 09:33  Western Journey  阅读(488)  评论(0)  编辑  收藏  举报