根据窗口内部高度更改Div高度

Question

我需要一点帮助。

我想根据屏幕内部高度更改div的高度 为此，我编写了一个java脚本，如下所示

<script>
function height()
{
var h = window.innerHeight;

document.getElementById("bg").style.height = h; 
}
</script>

每当我使用

document.getElementById("bg").style.height = h; 

我没有给div元素#bg写任何东西 但是当我在px中定义一个像500px的高度时，我会在div元素#bg中写入高度。

Answer 1

您需要添加＆＃39; px＆＃39;到高度值：

function height()
{
var h = window.innerHeight;

document.getElementById("bg").style.height = h+'px'; 
}

显然在某个时候调用该函数

height();

查看小提琴 - http://jsfiddle.net/MRttV/

Answer 2

我猜你可以使用纯css来做到这一点。通过定义：

   body,
     html {
     height: 100%;
   }
   #bg {
     height: 100%;
     width: 100%; /* or the value you want if element is empty */
   }

或者您也可以使用＆＃34; vh＆＃34;值。 But it doesn't work on old browsers