JavaScript 打开子窗口

最新推荐文章于 2023-11-18 18:53:26 发布

ya_smile

最新推荐文章于 2023-11-18 18:53:26 发布

阅读量1.1k

点赞数 1

原文地址：http://blog.163.com/lyq_163_2009/blog/static/134082696201111131055283/

打开子窗口（非模式窗口）：


 
 <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
        <title>打开子窗口</title>
    </head>
    <script>
        /**
         * 打开窗口
         * IE和Firefox都支持
         * @param {Object} url ：窗口的文件名
         * @param {Object} title ：窗口标题
         * @param {Object} H ：窗口高度
         * @param {Object} W ：窗口宽度
         * @param {Object} T ：窗口距离屏幕上方的象素值
         * @param {Object} L ：窗口距离屏幕左侧的象素值
         * @param {Object} Tool ：是否显示工具栏，yes为显示
         * @param {Object} Menu ：是否显示菜单栏
         * @param {Object} Scroll ：是否允许改变窗口大小，yes为允许
         * @param {Object} Resize ：是否允许改变窗口大小，yes为允许
         * @param {Object} Locate ：是否显示地址栏，yes为允许
         * @param {Object} Status ：是否显示状态栏内的信息
         */
        function openWin(url,title,H,W,T,L,Tool,Menu,Scroll,Resize,Locate,Status){
                var  qualify="width="+W+",height="+H+",left="+L+",top="+T+",toolbar="+Tool+"
                  ,menubar="+Menu+",scrollbars="+Scroll+",resizable="+Resize+",location="
                  +Locate+",status="+Status;
            var openwin=window.open(url,title,qualify); 
            if (!openwin.opener){
                openwin.opener = self;
            }
            openwin.focus();
            //return openwin;
        }
    </script>
    <body>
        <a href="javascript:openWin('05_open.htm','新窗口',200,200,10,10,'no','no',
               'no','no','no','no');">打开一个窗口</a>
    </body>
</html>

打开对话框（模式窗口）：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
        <title>打开模态窗口</title>
        <script language="JavaScript">
            /**
             * 打开模态窗口
             * IE和Firefox都支持
             * @param {Object} url :
             * @param {Object} prarm : 传递的参数
             * @param {Object} W : 对话框高度，不小于１００px
             * @param {Object} H : 对话框宽度
             * @param {Object} L : 离屏幕左的距离
             * @param {Object} T : 离屏幕上的距离
             * @param {Object} Scroll : { yes | no | 1 | 0 | on | off }: 指明对话框是否显示滚动条,默认为yes
             * @param {Object} Resize : 是否可被改变大小,默认no
             * @param {Object} Status : 是否显示状态栏
             * @param {Object} isCenter : 窗口是否居中
             * @param {Object} Help : 是否显示帮助按钮，默认yes
             */
            function openModalWin(url,prarm,W,H,L,T,Scroll,Resize,Status,isCenter,Help){
                    var qualify="dialogHeight:"+H+"px;dialogWidth:"+W+"px;dialogTop:"
                       +T+"px;dialogLeft:"+L+"px;scroll:"+Scroll+";resizable:"
                       +Resize+";status:"+Status+";center:"+isCenter+";help:"+Help;
                var obj=window.showModalDialog(url,prarm,qualify);
                //刷新窗口
                window.location.reload(true);
                return obj;
            }
            
            function rntValue(){
                var str="123";
                openModalWin('06_showModalDialog.htm',str,271,234,30,30,'no','no','no','no','no')
                 
            }
        </script>
    </head>
    <body>
        <a href="javascript:rntValue();">打开一个模态窗口</a>
    </body>
</html>

ya_smile

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 打开子窗口

原文地址：http://blog.163.com/lyq_163_2009/blog/static/134082696201111131055283/打开子窗口（非模式窗口）： http-equiv="Content-Type" content="text/html; charset=GBK" /> 打开子窗口
复制链接

扫一扫