JS弹出页面

该代码不仅可以随意的弹出页面,而且还可以对页面进行自定义。

个别浏览器的个别设置不好用,本人测试在IE9下设定在当前页面弹出选项卡后,无法弹出单独的窗口,而是在选项卡中打开。但弹出效果都是有的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    <head>
        <title>弹出页面</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <script type="text/javascript">
            <!--  hide        
            function customize(form) {    
                    var address = document.form1.url.value;   
                    var op_tool  = (document.form1.tool.checked== true)  ? 1 : 0;    
                    var op_loc_box  = (document.form1.loc_box.checked == true)  ? 1 : 0;    
                    var op_dir  = (document.form1.dir.checked == true)  ? 1 : 0;    
                    var op_stat  = (document.form1.stat.checked == true)  ? 1 : 0;    
                    var op_menu  = (document.form1.menu.checked == true)  ? 1 : 0;    
                    var op_scroll  = (document.form1.scroll.checked == true)  ? 1 : 0;    
                    var op_resize  = (document.form1.resize.checked == true)  ? 1 : 0;    
                    var op_wid  = document.form1.wid.value;   
                    var op_heigh = document.form1.heigh.value;                 
                    var option = "toolbar="+ op_tool +",location="+ op_loc_box +",directories=" + op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars="+ op_scroll +",resizeable="+ op_resize+",width="+ op_wid +",height="+ op_heigh;
                    var win3 = window.open("", "what_I_want", option);  
                    var win4 = window.open(address, "what_I_want");
            }
            function clear(form){ 
                    document.form1.wid.value=""; 
                    document.form1.heigh.value="";
            }
            // done hiding -->
        </script>

        <style type="text/css">
        </style>
    </head>


    <body>
        <form name="form1" action="javascript:" method="POST">
            <div align="left"> 
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr align="center"> 
                  <td colspan="4" height="35"> URL:<input type="text" size="40" name="url" value="http://"></td>
                </tr>
                <tr align="center"> 
                  <td width="25%" height="25"><input type="checkbox" name="tool" value="ON">: 快捷键</td>
                  <td width="25%" height="25"><input type="checkbox" name="loc_box" value="ON">: 地址栏 </td>
                  <td width="25%" height="25"><input type="checkbox" name="dir" value="ON">: 链 接 </td>
                  <td width="25%" height="25"><input type="checkbox" name="stat" value="ON">: 状态栏</td>
                </tr>
                <tr align="center"> 
                  <td width="25%" height="25"><input type="checkbox" name="resize" value="ON">: 调大小 </td>
                  <td width="25%" height="25"><input type="checkbox" name="scroll" value="ON">: 滚动条</td>
                  <td width="25%" height="25"><input type="checkbox" name="menu" value="ON">: 菜 单 </td>
                  <td width="25%" height="25"> </td>
                </tr>
                <tr align="center"> 
                  <td colspan="2" height="35"><input type="text" name="wid" size="14">: 宽</td>
                  <td colspan="2" height="25"><input type="text" name="heigh" size="14">: 高</td>
                </tr>
                <tr align="center"> 
                  <td colspan="4" height="25"> 
                    <input type="button" size="10" value="确认" onClick="customize(this.form)" name="button">
                    <input type="reset" size="10" value="重填" onClick="clear(this.form)" name="reset">
                  </td>
                </tr>
              </table>
            </div>
        </form>
    </body>
</html>