JS獲取瀏覽器可視區域尺寸

2022-05-05 06:57:10 字數 450 閱讀 2436

本文所說的是瀏覽器視窗的可視區域大小,不是瀏覽器視窗大小,也非頁面尺寸。

在沒有宣告doctype的ie中,瀏覽器顯示視窗大小只能以下獲取:

document.body.offsetwidth

document.body.offsetheight

在宣告了doctype的瀏覽器中,可以用以下來獲取瀏覽器顯示視窗大小:

document.documentelement.clientwidth

document.documentelement.clientheight

ie,ff,safari皆支援該方法,opera雖支援該屬性,但是返回的是頁面尺寸;

同時,除了ie以外的所有瀏覽器都將此資訊儲存在window物件中,可以用以下獲取:

window.innerwidth

window.innerheight

獲取使用者瀏覽器的可視區域

1 jquery alert window height 瀏覽器時下視窗可視區域高度 alert document height 瀏覽器時下視窗文件的高度 alert document.body height 瀏覽器時下視窗文件body的高度 alert document.body outerhei...

瀏覽器視窗可視區域大小相關方法

一 對於ie9 chrome firefox opera 以及 safari window.innerheight 瀏覽器視窗的內部高度 window.innerwidth 瀏覽器視窗的內部寬度 二 對於 internet explorer 8 7 6 5 document.documentelem...

juery解決獲取瀏覽器可視區域的相容性問題

alert window height 瀏覽器時下視窗可視區域高度 alert document height 瀏覽器時下視窗文件的高度 alert document.body height 瀏覽器時下視窗文件body的高度 alert document.body outerheight true ...