Comment définir la hauteur div à 100 % à l'aide de js (code)

Le contenu de cet article explique comment utiliser js pour définir la hauteur du div à 100 % (code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Dans le projet de développement, certains modèles d'amorçage open source sont utilisés pour le développement. Lorsque vous rencontrez certaines parties de contenu qui doivent être remplacées, il arrive souvent que le réglage de la hauteur à 100 % ne puisse pas prendre effet. js pour forcer le réglage une fois.

Idée : js surveille le comportement de mise à l'échelle de la fenêtre, puis obtient dynamiquement la taille visible de la fenêtre du navigateur. Ensuite, si votre page a un en-tête et un pied de page, pincez la tête et la queue, et ce que vous obtenez. c'est lorsque la partie du contenu est à 100 %. La hauteur peut se voir attribuer une valeur.

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  
    }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!