如何使用js把div高度設(shè)置為100%(代碼)
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 19:30:33
如何使用js把div高度設(shè)置為100%(代碼)
如何使用js把div高度設(shè)置為100%(代碼):本篇文章給大家?guī)淼膬?nèi)容是關(guān)于如何使用js把div高度設(shè)置為100%(代碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。在開發(fā)的工程中使用到了一些開源的bootstrap模板進(jìn)行開發(fā),在遇到一些需要替換的內(nèi)容部分部分時,經(jīng)常出現(xiàn)高度設(shè)置1
導(dǎo)讀如何使用js把div高度設(shè)置為100%(代碼):本篇文章給大家?guī)淼膬?nèi)容是關(guān)于如何使用js把div高度設(shè)置為100%(代碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。在開發(fā)的工程中使用到了一些開源的bootstrap模板進(jìn)行開發(fā),在遇到一些需要替換的內(nèi)容部分部分時,經(jīng)常出現(xiàn)高度設(shè)置1

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于如何使用js把div高度設(shè)置為100%(代碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。
在開發(fā)的工程中使用到了一些開源的bootstrap模板進(jìn)行開發(fā),在遇到一些需要替換的內(nèi)容部分部分時,經(jīng)常出現(xiàn)高度設(shè)置100%無法生效的問題,這里來用js強(qiáng)行設(shè)置一下。
思路:js監(jiān)聽窗口的縮放行為,然后動態(tài)獲取瀏覽器的窗口可見大小,然后如果你的頁面有頁頭頁尾的話,掐頭去尾,得到的就是內(nèi)容部分100%時的高度,賦值進(jìn)去便可。
代碼:
window.onload=function(){
changepHeight();
}
//當(dāng)瀏覽器窗口大小改變時,設(shè)置顯示內(nèi)容的高度
window.onresize=function(){
changepHeight();
}
function changepHeight(){
var h = document.documentElement.clientHeight;//獲取頁面可見高度
document.getElementById("framep").style.height=h-102+"px";//掐頭去尾,減去100px
}
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
如何使用js把div高度設(shè)置為100%(代碼)
如何使用js把div高度設(shè)置為100%(代碼):本篇文章給大家?guī)淼膬?nèi)容是關(guān)于如何使用js把div高度設(shè)置為100%(代碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。在開發(fā)的工程中使用到了一些開源的bootstrap模板進(jìn)行開發(fā),在遇到一些需要替換的內(nèi)容部分部分時,經(jīng)常出現(xiàn)高度設(shè)置1