JavaScript 打开子窗口

来源：互联网发布：戚家刀淘宝编辑：程序博客网时间：2024/05/17 06:07

原文地址：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>

0 0