该代码不仅可以随意的弹出页面,而且还可以对页面进行自定义。
个别浏览器的个别设置不好用,本人测试在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>