Question

我想，如果我可以在内联css中使用脚本输出来获取当前屏幕高度的最大高度值，那会很舒服，如下所示：

我使用javascript获取当前屏幕的高度：

<script type="text/javascript">
var w = window,
d = document,
e = d.documentElement,
gmodal = d.getElementsByTagName('body')[0],
ymodal = w.innerHeight||e.clientHeight||gmodal.clientHeight;</script>

但是，任何方法，我可以在内联css中使用它，如：

<div style="max-height:'{ymodal}'">

Answer 1

您可以使用max-height: 100vh;将元素作为内部窗口高度的高度。

如果您仍需要将JavaScript变量插入到css属性中，则可能需要使用element.style.*

<div id='some-id'></div>

<script type="text/javascript">
    var w = window,
        d = document,
        e = d.documentElement,
        gmodal = d.getElementsByTagName('body')[0],
        ymodal = w.innerHeight || e.clientHeight || gmodal.clientHeight;
    document.getElementById('some-id').style.maxHeight = ymodal + 'px';
</script>

请注意+ 'px'并使用maxHeight代替max-height

一些方法，用于在内联css中使用javascript输出？

1 个答案: