1、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
alert($(document).scrolltop()); //獲取滾動條到頂部的垂直高度
alert($(document).scrollleft()); //獲取滾動條到左邊的垂直寬度
2、本文所說的是瀏覽器視窗的可視區域大小,不是瀏覽器視窗大小,也非頁面尺寸。
在沒有宣告doctype的ie中,瀏覽器顯示視窗大小只能以下獲取:
document.body.offsetwidth在宣告了doctype的瀏覽器中,可以用以下來獲取瀏覽器顯示視窗大小:document.body.offsetheight
document.documentelement.clientwidthie,ff,safari皆支援該方法,opera雖支援該屬性,但是返回的是頁面尺寸;document.documentelement.clientheight
同時,除了ie以外的所有瀏覽器都將此資訊儲存在window物件中,可以用以下獲取:
window.innerwidthwindow.innerheight
JS獲取瀏覽器可視區域尺寸
本文所說的是瀏覽器視窗的可視區域大小,不是瀏覽器視窗大小,也非頁面尺寸。在沒有宣告doctype的ie中,瀏覽器顯示視窗大小只能以下獲取 document.body.offsetwidth document.body.offsetheight在宣告了doctype的瀏覽器中,可以用以下來獲取瀏覽器顯...
juery解決獲取瀏覽器可視區域的相容性問題
alert window height 瀏覽器時下視窗可視區域高度 alert document height 瀏覽器時下視窗文件的高度 alert document.body height 瀏覽器時下視窗文件body的高度 alert document.body outerheight true ...
瀏覽器視窗可視區域大小相關方法
一 對於ie9 chrome firefox opera 以及 safari window.innerheight 瀏覽器視窗的內部高度 window.innerwidth 瀏覽器視窗的內部寬度 二 對於 internet explorer 8 7 6 5 document.documentelem...