⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 cook39.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>

<head>

<title>自由打开窗口</title>

<style type="text/css">

<!--

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }

 A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }

a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

--></style>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body bgcolor="#fef4d9">

<br>

<br>

<center><font color=red face="隶书" size=6>自由打开窗口</font></center>

<br>

<center>

<table border=5 bordercolor=blue borderlight=green>

<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>

<tr><td align=center height=80><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>

<TABLE cellpadding=5 border><TR><TD><PRE> 

<FORM name=form1  ACTION="javascript:" METHOD="POST">

<INPUT TYPE="text" NAME="url" value="http://www.njcatv.net" >: URL

<INPUT TYPE="checkbox" NAME="tool">: Toolbar

<INPUT TYPE="checkbox" NAME="loc_box">: Location

<INPUT TYPE="checkbox" NAME="dir">: Directories

<INPUT TYPE="checkbox" NAME="stat">: Status

<INPUT TYPE="checkbox" NAME="menu">: Menubar

<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars

<INPUT TYPE="checkbox" NAME="resize">: Resizable

<INPUT TYPE="text"   NAME="wid" value= >: Width

<INPUT TYPE="text"  NAME="heigh" value=>: Height

<BR><CENTER>

<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">

<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">

</PRE></TD></TR></TABLE>

</FORM>

</td></tr></table></center>

<br>

<br>

<center>



<SCRIPT LANGUAGE="JavaScript">



<!-- hide

function goHist(a)

{

   history.go(a);

}

//-->

</script>

<FORM METHOD="post">

<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">

</form>

</center>

<br>

<center>

<textarea name=source rows=12 cols=55 class=yk9 onFocus="this.select()"  onMouseOver="this.focus()">

脚本说明:

把如下代码加入<body>区域中:

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

<TABLE cellpadding=5 border><TR><TD><PRE> 

<FORM name=form1  ACTION="javascript:" METHOD="POST">

<INPUT TYPE="text" NAME="url" value="http://www.njcatv.net" >: URL

<INPUT TYPE="checkbox" NAME="tool">: Toolbar

<INPUT TYPE="checkbox" NAME="loc_box">: Location

<INPUT TYPE="checkbox" NAME="dir">: Directories

<INPUT TYPE="checkbox" NAME="stat">: Status

<INPUT TYPE="checkbox" NAME="menu">: Menubar

<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars

<INPUT TYPE="checkbox" NAME="resize">: Resizable

<INPUT TYPE="text"   NAME="wid" value= >: Width

<INPUT TYPE="text"  NAME="heigh" value=>: Height

<BR><CENTER>

<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">

<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">

</PRE></TD></TR></TABLE>

</FORM>

</textarea>

<br>

<br>

</body>

</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -