原文:document.documentElement.clientHeight 和 $(window).height() 無法正確獲取頁面可視區高度

背景: 彈出層插件 自適應 實現過程中突然發現在獲取可視區高度時,無論document.documentElement.clientHeight 還是 window .height 都無法正確獲取,代碼沒有問題 解決方案:通過 cosole.log尋找錯誤點發現 window .height 獲取不正常並等於 document .height 網上查找資料是由於沒有正確的HTML 文檔聲明導致的 ...

2016-10-08 11:23 0 2423 推薦指數:

查看詳情

window.screen.heightwindow.screen.availHeight和document.body.clientHeightdocument.documentElement.clientHeight

說這幾個屬性前 我說一下我的設備 我的設備有兩個,一個高度為1080的顯示器,一個高度為800的電腦 第一種:window.screen.height 這個方法是獲取用戶電腦屏幕的高度,是不關瀏覽器或者頂部工具欄跟底部工具欄的高度的 當我在高度為1080的我的顯示屏屏幕上打印 ...

Wed Aug 02 18:50:00 CST 2017 0 7981
window.innerHeight和document.documentElement.clientHeight區別

今天有人問我這個問題,做了個小例子來記錄一下子。 首先這兩個都是獲取可視區域的高度,那他們有什么區別呢 1.window.innerHeight屬於BOM(瀏覽器對象模型),而document.documentElement.clientHeight則屬於文檔對象模型 ...

Sat Jul 13 00:54:00 CST 2019 0 1087
document.documentElement.clientHeightdocument.body.clientHeight區別

首先了解下document HTML DOM 節點 在 HTML DOM (Document Object Model) 中 , 每一個元素都是 節點: 文檔是一個文檔節點。 所有的HTML元素都是元素節點。 所有 HTML 屬性都是屬性節點。 文本插入到 HTML 元素 ...

Fri Apr 12 19:03:00 CST 2019 12 6456
document.documentElement.clientHeight||document.documentElement.scrollHeight

在我看《JavaScript高級程序設計》(第三版)的時候,在clientHeight和scrollHeight那部分把我弄糊塗了。 原書是這樣寫的:( //寬度同理,就不仔細描述了。)   “對於不包含滾動條的頁面來說,scrollHeight和clientHeight之間的關系不明確 ...

Sat Sep 27 21:27:00 CST 2014 0 3034
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM