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

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

汉王

HTML代码

复制格式化注释注释清空

放大

<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>&nbsp;</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>

CSS代码

复制格式化注释注释颜色清空

放大

JS代码

复制格式化注释注释清空

放大

运行代码

简介

请输入代码名称！

名称

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

分类

图片代码

描述

一款JS特效，自由打开各种网页窗口，可以选择是否可以使用快捷键、是否带有地址栏，是否链接、是否显示状态栏、是否允许调整网页窗口大孝是否显示滚动条、是否显示菜单等功能，让你多一些自由打开网页窗口，本例实际是为了学习JS对浏览器...