網頁Screen width、height、availWidth、availHeight屬性

*screen.width

　　功能：聲明了顯示瀏覽器的屏幕的寬度，以像素計。

　　語法：screen.width

*screen.height

　　功能：聲明了顯示瀏覽器的屏幕的可用寬度，以像素計。

　　語法：screen.availWidth

 

*screen.availWidth

　　功能：聲明了顯示瀏覽器的屏幕的可用寬度，以像素計。

　　語法：screen.availWidth

 

*screen.availHeight

　　功能：聲明了顯示瀏覽器的屏幕的可用高度，以像素計。這個可用高度不包括分配給半永久特性（如屏幕底部的任務欄）的垂直空間。

　　語法：screen.availHeight

 

*實例1

　　獲取瀏覽器的寬度、高度、可用寬度、可用高度。

　　<script type="text/javascript">

　　document.write( "屏幕寬度："+ screen.width+"px<br />" );

　　document.write( "屏幕高度："+ screen.height+"px<br />" );

　　document.write( "屏幕可用寬度："+ screen.availWidth+"px<br />" );

　　document.write( "屏幕可用高度："+ screen.availHeight+"px" );

　　</script>

　　這段代碼的效果為：

　　屏幕寬度：1440px
　　屏幕高度：900px
　　屏幕可用寬度：1440px
　　屏幕可用高度：870px

 

 

*更多

　　HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 

　　scrollHeight: 獲取對象的滾動高度。 
　　scrollLeft:設置或獲取位於對象左邊界和窗口中目前可見內容的最左端之間的距離 
　　scrollTop:設置或獲取位於對象最頂端和窗口中可見內容的最頂端之間的距離 
　　scrollWidth:獲取對象的滾動寬度 

　　offsetHeight:獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的高度 
　　offsetLeft:獲取對象相對於版面或由 offsetParent 屬性指定的父坐標的計算左側位置 
　　offsetTop:獲取對象相對於版面或由 offsetTop 屬性指定的父坐標的計算頂端位置 

　　event.clientX 相對文檔的水平座標 
　　event.clientY 相對文檔的垂直座標 
　　event.offsetX 相對容器的水平坐標 
　　event.offsetY 相對容器的垂直坐標 

　　document.documentElement.scrollTop 垂直方向滾動的值 

　　event.clientX+document.documentElement.scrollTop 相對文檔的水平座標+垂直方向滾動的量

　 這里是JavaScript中建造遷移轉變代碼的常用屬性
　　頁可見區域寬： document.body.clientWidth;
　　網頁可見區域高： document.body.clientHeight;
　　網頁可見區域寬： document.body.offsetWidth   （包含邊線的寬）;
　　網頁可見區域高： document.body.offsetHeight （包含邊線的寬）;
　　網頁正文全文寬： document.body.scrollWidth;
　　網頁正文全文高： document.body.scrollHeight;
　　網頁被卷去的高： document.body.scrollTop;
　　網頁被卷去的左： document.body.scrollLeft;
　　網頁正文項目組上： window.screenTop;
　　網頁正文項目組左： window.screenLeft;
　　屏幕辨別率的高： window.screen.height;
　　屏幕辨別率的寬： window.screen.width;
　　屏幕可用工作區高度： window.screen.availHeight;