简单模态窗口实例

 

写了一个回收站，原来用iframe做的弹出框，总监要求改成模态窗口。简单代码如下。

JS

<script type="text/javascript">
function openRecyle(){
window.open("recyleuser.aspx", null, 'height=400,width=650,top=' + (screen.height - 400) / 2 +
',left=' + (screen.width - 650) / 2 + ',toolbar=no,menubar=no,scrollbars=yes,resizable=no,status=no');
}
</script>

此处调用

<a id="hszmModel" runat="server" οnclick="openRecyle()"> 回收站</a>

简单稀释一下参数:

recyleuser.aspx：需要弹出的页面url;

null:vArguments，用来向url传递参数，可选，此处我没有传；

height=400：窗口的高度

width=650：窗口的宽度

top：居屏幕上的距离；

left：居屏幕左的距离；

toolbar：工具栏；

menubar：菜单

scrollbars：滚动条

resizable：定义窗口大小是否可以改变，默认为no

status: 是否显示状态栏,默认为yes