Javascript 如何找出屏幕底部和最底部HTML内容之间的差距？

使用JavaScript，我如何找出在最底层的元素（无论是文本、图像、画布还是视频）结束后还有多少间隙

我想计算一下HTML页面底部有多少空白

只有webkit的解决方案才能很好地工作。我只专注于iOS 5.0+

更新

---

我正在开发一个iOS应用程序，我想调整webview的大小，一个保存HTML页面的web浏览器控件，我想重置它的高度，这样底部就不会留下很多空白，我想知道一些我可以运行的JS coe，它的结果会给我什么，我必须从网络视图中降低的高度。

由于您没有提供示例代码，我为自己做了一个示例：

Javascript:

   var height = 0;    
   var allBoxes = [].slice.call(doc.querySelectorAll('.TestKenjin'));  
   var heightDisplay = (window.innerHeight > 0) ? window.innerHeight : screen.height;

   for(var i=0; i < allBoxes.length; i++)  {
     height += allBoxes[i].clientHeight;
   }

   alert(heightDisplay-height);

var高度=0；
var allBoxes=[].slice.call（doc.queryselectoral（'.TestKenjin'））；
var heightDisplay=（window.innerHeight>0）？window.innerHeight：screen.height；
对于（变量i=0；i

---

JS Bin:

此javascript将

警告
html
元素底部与页面底部之间的高度

当然

我认为这个简单的计算会起作用。你可以找到父容器的高度，然后是你的容器高度。如果你从父容器中提取你的容器值，你将得到值。如果我误解了你的问题，请在这里添加任何示例代码
var body = document.body,
    html = document.documentElement;

var documentHeight = Math.max( body.scrollHeight, body.offsetHeight, 
     html.clientHeight, html.scrollHeight, html.offsetHeight );

var htmlHeight = document.getElementsByTagName('html')[0].offsetHeight;

alert(documentHeight - htmlHeight);