So setzen Sie die Div-Höhe mit js (Code) auf 100 %

Der Inhalt dieses Artikels befasst sich mit der Verwendung von js zum Festlegen der Div-Höhe auf 100 % (Code). Ich hoffe, dass er für Sie hilfreich ist.

Im Entwicklungsprojekt werden einige Open-Source-Bootstrap-Vorlagen für die Entwicklung verwendet. Wenn einige Inhaltsteile ersetzt werden müssen, tritt häufig das Problem auf, dass die Höheneinstellung 100 % nicht wirksam werden kann js, um die Einstellung einmal zu erzwingen.

Idee: js überwacht das Skalierungsverhalten des Fensters und ermittelt dann dynamisch die sichtbare Größe des Browserfensters. Wenn Ihre Seite dann eine Kopf- und eine Fußzeile hat, kneifen Sie den Kopf und das Ende zusammen, und was Sie erhalten ist, wenn der Inhaltsteil 100 % beträgt. Der Höhe kann ein Wert zugewiesen werden.

Code:

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

Das obige ist der detaillierte Inhalt vonSo setzen Sie die Div-Höhe mit js (Code) auf 100 %. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!