熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JS和jquery獲取各種屏幕的寬度和高度

2013-11-15 12:03:00  來源: JSP教程 

  Javascript:

  網頁可見區域寬 documentbodyclientWidth

  網頁可見區域高 documentbodyclientHeight

  網頁可見區域寬 documentbodyoffsetWidth (包括邊線的寬)

  網頁可見區域高 documentbodyoffsetHeight (包括邊線的高)

  網頁正文全文寬 documentbodyscrollWidth

  網頁正文全文高 documentbodyscrollHeight

  網頁被卷去的高 documentbodyscrollTop

  網頁被卷去的左 documentbodyscrollLeft

  網頁正文部分上 windowscreenTop

  網頁正文部分左 windowscreenLeft

  屏幕分辨率的高 windowscreenheight

  屏幕分辨率的寬 windowscreenwidth

  屏幕可用工作區高度 windowscreenavailHeight

  屏幕可用工作區寬度 windowscreenavailWidth

  JQuery:

  $(document)ready(function(){

  alert($(window)height()); //浏覽器當前窗口可視區域高度

  alert($(document)height()); //浏覽器當前窗口文檔的高度

  alert($(documentbody)height());//浏覽器當前窗口文檔body的高度

  alert($(documentbody)outerHeight(true));//浏覽器當前窗口文檔body的總高度 包括border padding margin

  alert($(window)width()); //浏覽器當前窗口可視區域寬度

  alert($(document)width());//浏覽器當前窗口文檔對象寬度

  alert($(documentbody)width());//浏覽器當前窗口文檔body的寬度

  alert($(documentbody)outerWidth(true));//浏覽器當前窗口文檔body的總寬度 包括border padding margin

  })


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20160.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.