在開發(fā)的工程中使用到了一些開源的bootstrap模板進行開發(fā)，在遇到一些需要替換的內(nèi)容部分部分時，經(jīng)常出現(xiàn)高度設置100%無法生效的問題，這里來用js強行設置一下。

思路：js監(jiān)聽窗口的縮放行為，然后動態(tài)獲取瀏覽器的窗口可見大小，然后如果你的頁面有頁頭頁尾的話，掐頭去尾，得到的就是內(nèi)容部分100%時的高度，賦值進去便可。

代碼：

 window.onload=function(){ 
 changepHeight(); 
 } 
 //當瀏覽器窗口大小改變時，設置顯示內(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