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

2022-06-02 01:24:08 字數 445 閱讀 6706

一、對於ie9+、chrome、firefox、opera 以及 safari:

•  window.innerheight - 瀏覽器視窗的內部高度

•  window.innerwidth - 瀏覽器視窗的內部寬度

二、對於 internet explorer 8、7、6、5:

•  document.documentelement.clientheight表示html文件所在視窗的當前高度。

•  document.documentelement.clientwidth表示html文件所在視窗的當前寬度。

或者document物件的body屬性對應html文件的標籤

•  document.body.clientheight

•  document.body.clientwidth

瀏覽器時下視窗可視區域寬度 瀏覽器和頁面的幾個概念

window.outerheight 瀏覽器的高度 window.outerwidth 瀏覽器寬度 window.innerheight 瀏覽器內頁面的可用高度,此高度包含了水平滾動條的高度。可表示為瀏覽器當前高度去除瀏覽器邊框工具條後的高度 window.innerwidth瀏覽器內頁面的可用高度...

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

本文所說的是瀏覽器視窗的可視區域大小,不是瀏覽器視窗大小,也非頁面尺寸。在沒有宣告doctype的ie中,瀏覽器顯示視窗大小只能以下獲取 document.body.offsetwidth document.body.offsetheight在宣告了doctype的瀏覽器中,可以用以下來獲取瀏覽器顯...

瀏覽器視窗大小和頁面可視區大小(一)

innerwidth innerheight outerwidth outerheight document.doucument.element.clientwidth clientheight document.body.clientwidth clientheight 經測試demo試驗發現,在...