有沒有辦法測量用戶在他的網站上看到的高度？

我想在Javascript中測量可見內容區域的高度（這意味着它的頂部位於我開始看到網站內容的位置，並且它結束於具有Windows或Mac任務面板的位置）不知何故。它從瀏覽器到瀏覽器，以及瀏覽器中是否有其他面板，然後它會改變其大小。有沒有辦法測量用戶在他的網站上看到的高度？

我該如何獲得這些數據？

2011-08-14 Alon

這裏有一些有用的JavaScript（jQuery的不）工具，你可以用它來找到這個：

document.body.offsetWidth 
document.body.offsetHeight

這些發現的寬度和body元素的高度（所以除非你對身體元素做了一些奇怪的事情，那麼這應該起作用）。

您還可以：

window.innerWidth 
window.innerHeight

這會給你的瀏覽器窗口的寬度，像antimatterfish說。

2011-08-14 11:08:59 Purag

不幸的是，事情[有點複雜]（http://annevankesteren.nl/2007/08/cssom-mess）。更好地使用圖書館。 – user123444555621

@ Pumbaa80：這很有趣...也許我沒有足夠努力地搜索，但有幾個來源使用這種方法。我測試了它，它也起作用。那麼，就像他們所說，瀏覽器總是會找到一種不同意的方式。 – Purag

document.body.offsetWidth在大多數情況下已經足夠了，但如果'html'元素有'margin'或'padding'，則失敗。 http://jsfiddle.net/742Ej/ – user123444555621

你的意思是$(window).height();和$(window).width();？「窗口」測量瀏覽器窗口...

2011-08-14 08:02:29 craftsycandymonster

請注意，這是針對jquery的解決方案，不適用於普通的JavaScript。 –

jQuery如何不成爲JavaScript？ – user123444555621

回答