JavaScript擷取螢幕的寬和高

來源:互聯網
上載者:User

            var bodyWidth           =document.body.clientWidth;      //網頁可見地區寬

            var bodyHeight          =document.body.clientHeight;     //網頁可見地區高

            var bodyWidthWithBorder =document.body.offsetWidth;      //網頁可見地區寬(包括邊線的寬)

            var bodyHeightWithBorder=document.body.offsetHeight;     //網頁可見地區高(包括邊線的寬)

            var bodyWidthWithScroll =document.body.scrollWidth;      //網頁本文全文寬

            var bodyHeightWithScroll=document.body.scrollHeight;     //網頁本文全文高  

            var bodyTopHeight       =document.body.scrollTop;        //網頁被捲去的上邊距

            var bodyLeftWidth       =document.body.scrollLeft;       //網頁被捲去的左邊距

            var windowTopHeight     =window.screenTop;               //網頁本文部分上邊距

            var windowLeftWidth     =window.screenLeft;              //網頁本文部分左邊距

            var screenHeight        =window.screen.height;           //螢幕解析度的高

            var screenWidth         =window.screen.width;            //螢幕解析度的寬

            var screenAvailHeight   =window.screen.availHeight;      //螢幕可用工作區高度

            var screenAvailWidth    =window.screen.availWidth;       //螢幕可用工作區寬度

screen對象的屬性描述   

availHeight   擷取系統螢幕的工作區域高度,排除   Microsoft®   Windows®   工作列。   
availWidth   擷取系統螢幕的工作區域寬度,排除   Windows   工作列。   
bufferDepth   設定或擷取用於畫面外位元影像緩衝顏色的每一像素位元數。   
colorDepth   擷取用於目標設定或緩衝區的顏色每一像素位元數。   
deviceXDPI   設定或擷取系統螢幕水平DPI(DPI)的數值。   
deviceYDPI   設定或擷取系統螢幕垂直DPI(DPI)的數值。   
fontSmoothingEnabled   擷取使用者是否在控制台的顯示設定中啟用了圓整螢幕字型邊角的選項。   
height   擷取螢幕的垂直解析度。   
logicalXDPI   擷取系統螢幕水平DPI(DPI)的常規數值。   
logicalYDPI   擷取系統螢幕垂直DPI(DPI)的常規數值。   
updateInterval   設定或擷取螢幕的更新間隔。   
width   擷取螢幕的垂直解析度。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.