当前位置：首页 > 网页特效 > 窗口特效 >

自由打开各种窗口的JS代码特效

时间：2013-03-31 23:02 来源：互联网作者：源码搜藏收藏推荐

<HTML>
<HEAD>
<TITLE>自由打开各种窗口</TITLE>
<STYLE type=text/css>
.STYLE1 {
	font-size: 30px;
	font-weight: bold;
	font-family: "幼圆";
	color: #006600;
}
.STYLE2 {
	font-size: 40px;
	font-family: "方正舒体";
	color: #0099CC;
}
</STYLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9>
<CENTER>
  <span class="STYLE2">自由打开各种窗口</span>
</CENTER>
<BR><BR>
<CENTER>
<TABLE borderColor=#FFFF00 border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><div align="center"><span class="STYLE1">脚本显示区</span></div></TD>
  </TR>
  <TR>
<TD align=middle width=460>
<SCRIPT language=JAVASCRIPT>
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="";
}

</SCRIPT>
      <FORM name=form1 action=javascript: method=post>
      <DIV align=left>
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
        <TR align=middle>
          <TD colSpan=4 height=35>URL： <INPUT size=40 value=http:// name=url> 
          </TD></TR>
        <TR align=middle>
          <TD width="25%" height=25><INPUT type=checkbox value=ON name=tool> : 
            快捷键</TD>
          <TD width="25%" height=25><INPUT type=checkbox value=ON 
            name=loc_box> : 地址栏 </TD>
          <TD width="25%" height=25><INPUT type=checkbox value=ON name=dir> : 
            链 接 </TD>
          <TD width="25%" height=25><INPUT type=checkbox value=ON name=stat> : 
            状态栏</TD></TR>
        <TR align=middle>
          <TD width="25%" height=25><INPUT type=checkbox value=ON name=resize> 
            : 调大小 </TD>
          <TD width="25%" height=25><INPUT type=checkbox value=ON name=scroll> 
            : 滚动条</TD>
          <TD width="25%" height=25><INPUT type=checkbox value=ON name=menu> : 
            菜 单 </TD>
          <TD width="25%" height=25> </TD></TR>
        <TR align=middle>
          <TD colSpan=2 height=35><INPUT size=14 name=wid> : 宽</TD>
          <TD colSpan=2 height=25><INPUT size=14 name=heigh> : 高</TD></TR>
        <TR align=middle>
          <TD colSpan=4 height=25><div align="center">
  <INPUT onclick=customize(this.form) type=button size=10 value=确认 name=button> 
  <INPUT onclick=clear(this.form) type=reset size=10 value=重填 name=reset> 
          </div></TD></TR></TBODY></TABLE></DIV></FORM></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

一款JS特效，自由打开各种网页窗口，可以选择是否可以使用快捷键、是否带有地址栏，是否链接、是否显示状态栏、是否允许调整网页窗口大孝是否显示滚动条、是否显示菜单等功能，让你多一些自由打开网页窗口，本例实际是为了学习JS对浏览器窗口的一些控制操作，并非一定要这么使用。由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-chuangkou/981.html

网页特效

自由打开各种窗口的JS代码特效

窗口特效下载排行

最新文章