使用JavaScript的CSS窗口高度

我对javascript和css有一些问题

问题是我想将值从javascript传递到css

更具体地说，我想从javascript获取窗口高度，并将其传递到css高度（以像素为单位）

这是我的CSS：

.fulframe {
    position: relative;
    width: 100%;
    height: TheValueToPass;
    overflow: hidden
}

---

有什么解决办法吗？我不熟悉javascript，您能否在回答中更详细一些：-）

您不能在CSS代码中直接使用javascript变量

如果您使用的是JQuery，则有一个修改元素样式的函数。你应该这样做

    $( document ).ready(function() {
            $(".fulframe").css("height", TheValueToPass);
    });

---

假设在调用上面的代码之前，值topass是已知的，那么只需使用CSS即可

纯css：

.fulframe {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden
}

vh

是浏览器窗口的视口高度。这在旧版本的IE中不受支持，所以要小心。但它就在那里

---

2017年10月26日更新：我想补充一点，视口高度和宽度现在在大多数主要浏览器中都得到广泛支持，Opera除外

我还从jquery中找到了答案

只是我根据自己的需要修改了它：-）

函数jqUpdateSize（）{
//获取视口的尺寸
变量宽度=$（窗口）.width（）；
var height=$（window.height（）；
$（'#jqWidth'）.html（宽度）；
$（'#jqHeight'）.html（高度）；
$（'.test'）.css（{position:“relative”，
宽度：$（窗口）.width（），
高度：$（窗口）。高度（），
溢出：“隐藏”}）；
}
$（文档）.ready（jqUpdateSize）；//当页面第一次加载时
$（窗口）。调整大小（jqUpdate大小）；//当浏览器更改大小时

然后你可以用html语句调用类：

<div class="test" >heloo
    <p>
        <strong>jQuery resize:</strong>
        <span id="jqWidth"></span>,
        <span id="jqHeight"></span>
    </p></div>

heloo

jQuery调整大小：
,

<div class="test" >heloo
    <p>
        <strong>jQuery resize:</strong>
        <span id="jqWidth"></span>,
        <span id="jqHeight"></span>
    </p></div>