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

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

2013-11-15 12:09:56  來源: JSP教程 
這篇文章介紹了JS和jquery獲取各種屏幕的寬度和高度的代碼有需要的朋友可以參考一下  

  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/20424.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.