如何使用js把div高度設定為100%（程式碼）

這篇文章帶給大家的內容是關於如何使用js把div高度設定為100%（程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

在開發的工程中使用到了一些開源的bootstrap模板進行開發，在遇到一些需要替換的內容部分部分時，經常出現高度設置100%無法生效的問題，這裡來用js強行設置一下。

想法：js監聽視窗的縮放行為，然後動態取得瀏覽器的視窗可見大小，然後如果你的頁面有頁頭頁尾的話，掐頭去尾，得到的就是內容部分100%時的高度，賦值進去便可。

程式碼：

    window.onload=function(){  
             changepHeight();  
        }  
        //当浏览器窗口大小改变时，设置显示内容的高度  
        window.onresize=function(){  
             changepHeight();  
        }  
        function changepHeight(){               
            var h = document.documentElement.clientHeight;//获取页面可见高度  
            document.getElementById("framep").style.height=h-102+"px";//掐头去尾，减去100px  
    }

以上是如何使用js把div高度設定為100%（程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！