Javascript js-页面上可用空间的宽度和高度

是否可以获得页面上可用空间的宽度和高度换言之：在没有滚动条的情况下，可以放在页面上的矩形的最大大小

---

我使用的是一个jquery数据表，其中的全部内容都是可滚动的-我想将“sScrollY”值设置为可能的最大值。

如果我理解得很清楚，请尝试以下jsbin：

Js

Css

---

否则，在不涉及javascript的情况下，您只能使用此CSS

html, body, div {
   height: 100%;
   width: 100%;
}

div {
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   box-sizing: border-box; 
   border: 2px green dotted;
   position: absolute;
   top: 0; left: 0;
}

---

下面将为您提供窗口的宽度和高度

width = $(window).width();
height = $(window).height();

---

您可以获取

主体

的

宽度

和

高度

，并使用它

var height = $("body").height();
var width = $("body").width();

---

在其他内容上放置一个包装器，并使用以下JavaScript获取页面上的可用空间量

var wHeight = parseFloat(document.getElementById("wrapper").style.height);
var pHeight = $("body").height();
var empty = pHeight - wHeight;

---

谢谢，但我想知道免费的空间（如果页面中有img，我想知道它下面的空间）

var height = $("body").height();
var width = $("body").width();

var wHeight = parseFloat(document.getElementById("wrapper").style.height);
var pHeight = $("body").height();
var empty = pHeight - wHeight;