用JS來控制 div的高度隨瀏覽器變化而變化

標籤：order   bsp   視窗   函數   span   變化   client   nbsp   blog   

<div id="test" style=" border: solid 1px #f00; "></div><script type="text/javascript"><!--//淩陳亮www.lingchenliang.com（QQ：57404811）autodivheight();function autodivheight(){ //函數：擷取尺寸    //擷取瀏覽器視窗高度    var winHeight=0;    if (window.innerHeight)        winHeight = window.innerHeight;    else if ((document.body) && (document.body.clientHeight))        winHeight = document.body.clientHeight;    //通過深入Document內部對body進行檢測，擷取瀏覽器視窗高度    if (document.documentElement && document.documentElement.clientHeight)        winHeight = document.documentElement.clientHeight;    //DIV高度為瀏覽器視窗的高度    //document.getElementById("test").style.height= winHeight +"px";    //DIV高度為瀏覽器視窗高度的一半    document.getElementById("test").style.height= winHeight/2 +"px";}window.onresize=autodivheight; //瀏覽器視窗發生變化時同時變化DIV高度//--></script>

 

用JS來控制 div的高度隨瀏覽器變化而變化