根據頁面內容高度自動調整彈窗大小

很多時候我們都要使用到彈出窗口，特別是B/S結構的程序開發的時候，界面中要使用到大量的彈窗界面，而彈窗因內容多少不同而有不同的高度要求，如果將高度設爲固定值，那麼出現的情況將會是：內容多時，因高度設置不當會出現滾動條；內容太少時會因窗口太高而留下太多的空白區域，影響美觀。今天要和大家分享的這個腳本，就是爲了解決這個問題的。應用了這個腳本的彈出頁面會自動調整彈出窗口的高度，從而避免了彈窗出現滾動條或者出現空白區域。

 

腳本代碼：

window.onload=function(){resize();}

function resize(){
var t=document.title;
var h=document.body.scrollHeight+38; //彈窗高度將根據頁面內容高度自動調整
var w= 700;//這裏設置彈窗的寬度
window.resizeTo(w,h);
document.title= t+"　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　";
}

 

使用方法：

將該腳本代碼另存爲js文件包含到需要彈出的頁面中。