js 獲得視窗大小

來源:互聯網
上載者:User
關鍵字 網頁製作 Ajax JavaScript

下面有二款關於js 獲得視窗大小實例代碼,獲取視窗大小的方法就是利用了js document.body.clentwidth方法來實例。 方法很多,下面詳細有說明。

<script>
function getinfo()
{
    var s = "";
    s += " 網頁可見區域寬:"+ document.body.clientwidth;
    s += " 網頁可見區域高:"+ document.body.clientheight;
    s += " 網頁可見區域寬:"+ document.body.offsetwidth + " (包括邊線和捲軸的寬)";
    s += " 網頁可見區域高:"+ document.body.offsetheight + " (包括邊線的寬)";
    s += " 網頁正文全文寬:"+ document.body.scrollwidth;
    s += " 網頁正文全文高:"+ document.body.scrollheight;
    s += " 網頁被卷去的高(ff):"+ document.body.scrolltop;
    s += " 網頁被卷去的高(ie):"+ document.documentelement.scrolltop;
    s += " 網頁被卷去的左:"+ document.body.scrollleft;
    s += " 網頁正文部分上:"+ window.screentop;
    s += " 網頁正文部分左:"+ window.screenleft;
    s += " 螢幕解析度的高:"+ window.screen.height;
    s += " 螢幕解析度的寬:"+ window.screen.width;
    s += " 螢幕可用工作區高度:"+ window.screen.availheight;
    s += " 螢幕可用工作區寬度:"+ window.screen.availwidth;
    s += " 你的螢幕設置是 "+ window.screen.colordepth +" 位彩色";
    s += " 你的螢幕設置 "+ window.screen.devicexDPI +" 圖元/英寸";
    //alert (s);
}
getinfo();
</script>

常用的

    網頁可見區域寬: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  
     螢幕可用工作區寬度:window.screen.availwidth

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.