jQuery獲取瀏覽器中的分辨率實(shí)現(xiàn)代碼
更新時(shí)間：2013年04月23日 17:13:13 作者：
本篇文章小編為大家介紹，使用jQuery獲取瀏覽器中的分辨率的方法。需要的朋友參考下
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function(){
alert($(window).height()); //瀏覽器當(dāng)前窗口可視區(qū)域高度
alert($(document).height()); //瀏覽器當(dāng)前窗口文檔的高度
alert($(document.body).height());//瀏覽器當(dāng)前窗口文檔body的高度
alert($(document.body).outerHeight(true));//瀏覽器當(dāng)前窗口文檔body的總高度 包括border padding margin
alert($(window).width()); //瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?
alert($(document).width());//瀏覽器當(dāng)前窗口文檔對(duì)象寬度
alert($(document.body).width());//瀏覽器當(dāng)前窗口文檔body的高度
alert($(document.body).outerWidth(true));//瀏覽器當(dāng)前窗口文檔body的總寬度 包括border padding margin
alert(screen.height);//顯示器分辨率，只能用JavaScript代碼獲
alert(screen.width);
})
</script>
網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁可見區(qū)域高： document.body.clientHeight
網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
網(wǎng)頁正文全文寬： document.body.scrollWidth
網(wǎng)頁正文全文高： document.body.scrollHeight
網(wǎng)頁被卷去的高： document.body.scrollTop
網(wǎng)頁被卷去的左： document.body.scrollLeft
網(wǎng)頁正文部分上： window.screenTop
網(wǎng)頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區(qū)高度： window.screen.availHeight
相關(guān)文章
jquery 全選實(shí)現(xiàn)代碼。2009-04-04
本文給大家推薦了25個(gè)jQuery網(wǎng)格特效插件，在此集合中，我們將展示一些非?？岬膉Query插件和資源在網(wǎng)格布局設(shè)計(jì)，提高了數(shù)據(jù)的介紹。一些實(shí)用的插件，一定會(huì)提供一個(gè)美好的用戶體驗(yàn)。同時(shí)，一些精致的資源，這將有助于布局精美的數(shù)據(jù)范圍。2014-11-11
這篇文章主要介紹了使用jQuery寫的fadeTo,需要的朋友可以參考下2014-02-02
jquery Tab效果和動(dòng)態(tài)加載的簡單實(shí)例
這篇文章主要是對(duì)jquery中Tab效果和動(dòng)態(tài)加載的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下。希望對(duì)大家有所幫助2013-12-12
13 款最熱門的 jQuery 圖像 360 度旋轉(zhuǎn)插件推薦
這篇文章主要介紹了13 款最熱門的 jQuery 圖像 360 度旋轉(zhuǎn)插件，非常炫酷實(shí)用，有需要的小伙伴參考下2014-12-12
jquery實(shí)現(xiàn)簡單Tab切換菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)簡單Tab切換菜單效果的相關(guān)資料,需要的朋友可以參考下2016-06-06
jquery——九宮格大轉(zhuǎn)盤抽獎(jiǎng)實(shí)例
本篇文章主要介紹了jquery——九宮格大轉(zhuǎn)盤抽獎(jiǎng)實(shí)例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01
jQuery實(shí)現(xiàn)頁面頂部顯示的進(jìn)度條效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)頁面頂部顯示的進(jìn)度條效果,以完整實(shí)例形式分析了jQuery基于animate與setTimeout定時(shí)觸發(fā)實(shí)現(xiàn)進(jìn)度條漸進(jìn)顯示功能,非常簡單實(shí)用,需要的朋友可以參考下2015-12-12
jQuery簡單實(shí)現(xiàn)頁面元素置頂時(shí)懸浮效果示例
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)頁面元素置頂時(shí)懸浮效果的方法,涉及jQuery針對(duì)頁面元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-08-08
jquery使用remove()方法刪除指定class子元素
這篇文章主要介紹了jquery使用remove()方法刪除指定class子元素的方法,可實(shí)現(xiàn)刪除指定元素下指定class的子元素功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03