很多时候我们都要使用到弹出窗口，特别是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文件包含到需要弹出的页面中。