简单模态窗口实例

 

写了一个回收站,原来用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

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页