js를 사용하여 div 높이를 100%로 설정하는 방법(코드)

이 글의 내용은 js를 사용하여 div 높이를 100%(코드)로 설정하는 방법에 대한 내용입니다. 특정 참고 값이 있으므로 도움이 필요한 분들에게 도움이 되길 바랍니다.

개발 프로젝트에서 일부 오픈소스 부트스트랩 템플릿을 사용하여 교체해야 하는 일부 콘텐츠 부분이 발생하면 높이 설정 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!