簡單模態窗口實例

 

寫了一個回收站，原來用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" onclick="openRecyle()"> 回收站</a>

簡單稀釋一下參數:

recyleuser.aspx：需要彈出的頁面url;

null:vArguments，用來向url傳遞參數，可選，此處我沒有傳；

height=400：窗口的高度

width=650：窗口的寬度

top：居屏幕上的距離；

left：居屏幕左的距離；

toolbar：工具欄；

menubar：菜單

scrollbars：滾動條

resizable：定義窗口大小是否可以改變，默認爲no

status: 是否顯示狀態欄,默認爲yes