按指定格式打开窗口

人气：　来源：本站原创　作者：佚名　所属栏目：窗口类　[切换到繁體中文]

介绍：地址栏，状态栏，工具栏，滚动条等按自己的设定打开指定窗口。

演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>站长手册_特效演示_按指定格式打开窗口</title>
<style><!--body,td{font-size: 12px;}--></style>

</head>
<body bgcolor="" >
<table width="100%" height="1000" border="0" cellpadding="10" cellspacing="5">
<tr>
<td valign="top">
<script language="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>
<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>
</td>
</tr>
</table>
</body>
</html>

[Ctrl+A全选提示：你可先修改部分代码，再按运行]

下面教你如何应用此特效：
　--------------------------------------------------------------------------------------
　　需要在<body 这里>加入的代码：
　--------------------------------------------------------------------------------------

以下代码加到<head>…</head>中

以下代码加到<body>…</body>中

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>
<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>