首頁 >web前端 >js教程 >如何使用js把div高度設定為100%(程式碼)

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

不言
不言原創
2018-09-17 16:51:542377瀏覽

這篇文章帶給大家的內容是關於如何使用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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn