javascript

IE中：
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區域寬度
document.documentElement.clientHeight ==> 可見區域高度
FireFox中：
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區域寬度
document.documentElement.clientHeight ==> 可見區域高度
Opera中：
document.body.clientWidth ==> 可見區域寬度
document.body.clientHeight ==> 可見區域高度
document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）
document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高）

?

alert(document.body.clientWidth); ? ? ? ?//網頁可見區域寬(body)

alert(document.body.clientHeight); ? ? ? //網頁可見區域高(body)

alert(document.body.offsetWidth); ? ? ??//網頁可見區域寬(body)，包括border、margin等

alert(document.body.offsetHeight); ? ? ?//網頁可見區域寬(body)，包括border、margin等

alert(document.body.scrollWidth); ? ? ? ?//網頁正文全文寬，包括有滾動條時的未見區域

alert(document.body.scrollHeight); ? ? ??//網頁正文全文高，包括有滾動條時的未見區域

alert(document.body.scrollTop); ? ? ? ? ? //網頁被卷去的Top(滾動條)

alert(document.body.scrollLeft); ? ? ? ? ? //網頁被卷去的Left(滾動條)

alert(window.screenTop); ? ? ? ? ? ? ? ? ? ? //瀏覽器距離Top

alert(window.screenLeft); ? ? ? ? ? ? ? ? ? ? //瀏覽器距離Left

alert(window.screen.height); ? ? ? ? ? ? ? ?//屏幕分辨率的高

alert(window.screen.width); ? ? ? ? ? ? ? ? //屏幕分辨率的寬

alert(window.screen.availHeight); ? ? ? ? ?//屏幕可用工作區的高

alert(window.screen.availWidth); ? ? ? ? ? //屏幕可用工作區的寬

?

jQuery：

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

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

alert($(document.body).height()); ? ? ? ? ? ? ? ?//瀏覽器當前窗口文檔body的高度

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

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

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

alert($(document.body).width()); ? ? ? ? ? ? ? ?//瀏覽器當前窗口文檔body的寬度

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

?

以下為參考圖：

?

?

注：本文從?MIN飛翔?轉出?http://www.cnblogs.com/EricaMIN1987_IT/p/3593431.html

總結

以上是生活随笔為你收集整理的获取浏览器屏幕高度(js，jq) - 进击的小牛牛 - 博客园的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。