javascript 弹出窗口

最新推荐文章于 2023-09-27 08:50:07 发布

原创最新推荐文章于 2023-09-27 08:50:07 发布 · 89 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #HTML #ViewUI

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用JavaScript编写的自定义弹窗函数，该函数能够创建带有不同配置选项的子窗口，如宽度、高度及是否可调整大小等。通过传递参数可以实现模态或非模态对话框。

<script type="text/javascript">
var SUBWINDOW_WIDTH = "300px";   
var SUBWINDOW_HEIGHT = "100px";   
var SUBWINDOW_CENTER = "Yes";   
var SUBWINDOW_HELP = "No";   
var SUBWINDOW_RESIZABLE = "No";   
var SUBWINDOW_STATUS = "No";   

function openSubWindow(){   
    var dialogUrl;   
    var dialogType;   
    var parentItems;   
    var queryString;   
    var width = SUBWINDOW_WIDTH;   
    var height = SUBWINDOW_HEIGHT;   
     var returnValue = null;   
     if( 2 <= arguments.length && arguments.length <= 10){   
        dialogUrl = openSubWindow.arguments[0];   
        dialogType = openSubWindow.arguments[1];   
        queryString = dialogUrl;   
     }   
     futures = "dialogWidth="+width+"; dialogHeight="+height+"; center="+SUBWINDOW_CENTER+"; help="+SUBWINDOW_HELP+"; resizable="+SUBWINDOW_RESIZABLE+"; status="+SUBWINDOW_STATUS;   
     if(dialogType==1){   
        window.showModalDialog(queryString, window, futures);   
     }else if(dialogType==2){    
        subWinOj = window.showModelessDialog(queryString,window,futures);   
     }   
}  

</script>