這是代碼，包含所有“占位符”：( bottom: auto;)let h = window.innerHeight;var x = document.getElementsByTagName("BODY")[0];x.style = "height: " + h + "px;";window.addEventListener('resize', function(event){ x = document.getElementsByTagName("BODY")[0]; h = window.innerHeight; x.style = "height: " + h + "px;";});if(document.getElementById('main').offsetHeight > h) { document.getElementById('footer').style = "bottom: auto;";}* { margin: 0; padding: 0;}.Placeholder{ background-color: blue; height: 100px; width: 100%;}.MainContainer { width: 100%; padding: 0; margin: 0; background-color: green;}.MyFooter { position: absolute; bottom: 0px; width: 100%; background-color: red; padding: 0; margin: 0;}<body> <div class='Header'>Header</div> <div class="MainContainer" id="main"> <div class='Placeholder'></div> <div class='Placeholder'></div> <div class='Placeholder'></div> <div class='Placeholder'></div> <div class='Placeholder'></div> </div> <div class="MyFooter" id="footer"> This is my footer, it should always be at the bottom of the page. </div></body>
使用 javascript 多次附加 html 模板并帶參數(shù)
慕運(yùn)維8079593
2023-10-17 15:15:07
