JS獲取瀏覽器窗口大小獲取屏幕匣距，瀏覽器，網(wǎng)頁高度寬度

 網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.clientWidth 
 2 網(wǎng)頁可見區(qū)域高：document.body.clientHeight 
 3 網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.offsetWidth (包括邊線的寬) 
 4 網(wǎng)頁可見區(qū)域高：document.body.offsetHeight (包括邊線的寬) 
 5 網(wǎng)頁正文全文寬：document.body.scrollWidth 
 6 網(wǎng)頁正文全文高：document.body.scrollHeight 
 7 網(wǎng)頁被卷去的高：document.body.scrollTop 
 8 網(wǎng)頁被卷去的左：document.body.scrollLeft 
 9 網(wǎng)頁正文部分上：window.screenTop 
 10 網(wǎng)頁正文部分左：window.screenLeft 
 11 屏幕分辨率的高：window.screen.height 
 12 屏幕分辨率的寬：window.screen.width 
 13 屏幕可用工作區(qū)高度：window.screen.availHeight 
 14 屏幕可用工作區(qū)寬度：window.screen.availWidth 
 15 
 16 
 17 HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 
 18 scrollHeight: 獲取對象的滾動(dòng)高度彰居。 
 19 scrollLeft:設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離 
 20 scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 
 21 scrollWidth:獲取對象的滾動(dòng)寬度 
 22 offsetHeight:獲取對象相對于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度 
 23 offsetLeft:獲取對象相對于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置 
 24 offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置 
 25 event.clientX 相對文檔的水平座標(biāo) 
 26 event.clientY 相對文檔的垂直座標(biāo) 
 27 event.offsetX 相對容器的水平坐標(biāo) 
 28 event.offsetY 相對容器的垂直坐標(biāo) 
 29 document.documentElement.scrollTop 垂直方向滾動(dòng)的值 
 30 event.clientX+document.documentElement.scrollTop 相對文檔的水平座標(biāo)+垂直方向滾動(dòng)的量 
 31 
 32 IE诚纸，F(xiàn)ireFox 差異如下： 
 33 
 34 IE6.0、FF1.06+： 
 35 clientWidth = width + padding 36 clientHeight = height + padding 37 offsetWidth = width + padding + border 38 offsetHeight = height + padding + border 39 
 40 IE5.0/5.5： 
 41 clientWidth = width - border 42 clientHeight = height - border 43 offsetWidth = width 44 offsetHeight = height 45 
 46 (需要提一下：CSS中的margin屬性陈惰，與clientWidth畦徘、offsetWidth、clientHeight抬闯、offsetHeight均無關(guān))
 47 網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth
 48 網(wǎng)頁可見區(qū)域高： document.body.clientHeight
 49 網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
 50 網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
 51 網(wǎng)頁正文全文寬： document.body.scrollWidth
 52 網(wǎng)頁正文全文高： document.body.scrollHeight
 53 網(wǎng)頁被卷去的高： document.body.scrollTop
 54 網(wǎng)頁被卷去的左： document.body.scrollLeft
 55 網(wǎng)頁正文部分上： window.screenTop
 56 網(wǎng)頁正文部分左： window.screenLeft
 57 屏幕分辨率的高： window.screen.height
 58 屏幕分辨率的寬： window.screen.width
 59 屏幕可用工作區(qū)高度： window.screen.availHeight
 60 屏幕可用工作區(qū)寬度： window.screen.availWidth
 61 －－－－－－－－－－－－－－－－－－－
 62 技術(shù)要點(diǎn)
 63 本節(jié)代碼主要使用了Document對象關(guān)于窗口的一些屬性井辆，這些屬性的主要功能和用法如下。
 64 要得到窗口的尺寸溶握，對于不同的瀏覽器杯缺，需要使用不同的屬性和方法：若要檢測窗口的真實(shí)尺寸，在Netscape下需要使用Window的屬性睡榆；在IE下需要 深入Document內(nèi)部對body進(jìn)行檢測萍肆；在DOM環(huán)境下，若要得到窗口的尺寸肉微，需要注意根元素的尺寸匾鸥，而不是元素。
 65 Window對象的innerWidth屬性包含當(dāng)前窗口的內(nèi)部寬度碉纳。Window對象的innerHeight屬性包含當(dāng)前窗口的內(nèi)部高度勿负。
 66 Document對象的body屬性對應(yīng)HTML文檔的標(biāo)簽。Document對象的documentElement屬性則表示HTML文檔的根節(jié)點(diǎn)。
 67 document.body.clientHeight表示HTML文檔所在窗口的當(dāng)前高度奴愉。document.body. clientWidth表示HTML文檔所在窗口的當(dāng)前寬度琅摩。
 68 
 69 實(shí)現(xiàn)代碼
 70 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 71 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 72 <html xmlns="http://www.w3.org/1999/xhtml">
 73 <head>
 74 <title>請調(diào)整瀏覽器窗口</title>
 75 <meta http-equiv="content-type" content="text/html; charset=gb2312">
 76 </head>
 77 <body>
 78 <h2 align="center">請調(diào)整瀏覽器窗口大小</h2><hr>
 79 <form action="#" method="get" name="form1" id="form1">
 80 <!--顯示瀏覽器窗口的實(shí)際尺寸-->
 81 瀏覽器窗口 的 實(shí)際高度: <input type="text" name="availHeight" size="4"><br>
 82 瀏覽器窗口 的 實(shí)際寬度: <input type="text" name="availWidth" size="4"><br>
 83 </form>
 84 <script type="text/javascript">
 85 <!-- 
 86 var winWidth = 0;
 87 var winHeight = 0;
 88 function findDimensions() //函數(shù)：獲取尺寸
 89 {
 90 //獲取窗口寬度
 91 if (window.innerWidth) 92 winWidth = window.innerWidth; 93 else if ((document.body) && (document.body.clientWidth)) 94 winWidth = document.body.clientWidth; 95 //獲取窗口高度
 96 if (window.innerHeight) 97 winHeight = window.innerHeight; 98 else if ((document.body) && (document.body.clientHeight)) 99 winHeight = document.body.clientHeight; 100 //通過深入Document內(nèi)部對body進(jìn)行檢測，獲取窗口大小
101 if (document.documentElement  && document.documentElement.clientHeight && document.documentElement.clientWidth) 102 { 103 winHeight = document.documentElement.clientHeight; 104 winWidth = document.documentElement.clientWidth; 105 } 106 //結(jié)果輸出至兩個(gè)文本框
107 document.form1.availHeight.value= winHeight; 108 document.form1.availWidth.value= winWidth; 109 } 110 findDimensions(); 111 //調(diào)用函數(shù)锭硼，獲取數(shù)值
112 window.onresize=findDimensions; 113 //-->
114 </script>
115 </body>
116 </html>
JS獲取瀏覽器窗口大小獲取屏幕司抱，瀏覽器原朝，網(wǎng)頁高度寬度

JS獲取瀏覽器窗口大小獲取屏幕燎竖，瀏覽器址芯，網(wǎng)頁高度寬度

JS獲取瀏覽器窗口大小 獲取屏幕燎竖，瀏覽器址芯，網(wǎng)頁高度寬度

JS獲取瀏覽器窗口大小獲取屏幕燎竖，瀏覽器址芯，網(wǎng)頁高度寬度
