javascript经典代码

wapysun

浏览: 21501793 次
性别:
来自: 杭州

最近访客更多访客>>

devcang

hunankeda110

辽东小小

apex53

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2012-06 ( 77)
2012-05 ( 587)
2012-04 ( 177)
更多存档...

JavaScript CSS QQ Mobile IE

固定表头 <trid="div_head" style="position: relative; top:expression(this.offsetParent.scrollTop);background-color:#ffffff;">

进入主页以后自动播放声音 
<embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true> 

进入主页后自动最大化,省的去在自己单击了 
<script> 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
</script> 

显示现在时间的脚本 
<script language=vbscript>document.write now</script> 

显示最后修改时间的脚本 
<script>document.write(document.lastModified)</script>

状态栏动态显示现在时间 
<script> 
function see(){ 
window.setTimeout("see()",1000); 
today = new Date(); 
self.status = today.toString(); 
} 
</script> 
<body onload=see()> 

关闭窗口的脚本 
<a href=javascript:close()>[关闭窗口]</a> 

按下F12键,直接返回首页 
<script>function look(){ 
if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/} 
} 
if(document.onkeydown==null) 
{document.onkeydown=look} 
</script> 

 后退,刷新,前进 
<input type=button value=后退 onclick=history.go(-1)> 

<input type=button value=刷新 onclick=history.go(-0)> 

<input type=button value=前进 onclick=history.go(+1)> 

设定时间弹出窗口,4000=4秒,当然你可以自定义 
<script>function l() 
{ 
window.open(" 10.13.31.90/~kayvin/ ","name","width=500,height=150,border=0") 
} 
setTimeout("l()",4000) 

</script>

超级强大的表单验证

<title>表单验证类 Validator v1.01</title>
<style>
body,td{font:normal 12px Verdana;color:#333333}
input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff}
table{border-collapse:collapse;}
td{padding:3px}
input{height:20;}
textarea{width:80%;height:50px;overfmin:auto;}
form{display:inline}
</style>
<table align="center">
 <form name="theForm" id="demo" action="" method="get" onSubmit="return Validator.Validate(this,2)">
 <tr>
 <td>真实姓名：</td><td><input name="Name" dataType="Chinese" msg="真实姓名只允许中文"></td>
 </tr>
 <tr>
 <td>英文名：</td><td><input name="Nick" dataType="English" require="false" msg="英文名只允许英文字母"></td>
 </tr>
 <tr>
 <td>主页：</td><td><input name="Homepage" require="false" dataType="Url" msg="非法的Url"></td>
 </tr>
 <tr>
 <td>密码：</td><td><input name="Password" dataType="SafeString" msg="密码不符合安全规则" type="password"></td>
 </tr>
 <tr>
 <td>重复：</td><td><input name="Repeat" dataType="Repeat" to="Password" msg="两次输入的密码不一致" type="password"></td>
 </tr>
 <tr>
 <td>信箱：</td><td><input name="Email" dataType="Email" msg="信箱格式不正确"></td>
 </tr>
 <tr>
 <td>信箱：</td><td><input name="Email" dataType="Repeat" to="Email" msg="两次输入的信箱不一致"></td>
 </tr>
 <tr>
 <td>QQ：</td><td><input name="QQ" require="false" dataType="QQ" msg="QQ号码不存在"></td>
 </tr>
 <tr>
 <td>身份证：</td><td><input name="Card" dataType="IdCard" msg="身份证号码不正确"></td>
 </tr>
 <tr>
 <td>年龄：</td><td><input name="Year" dataType="Range" msg="年龄必须在18~28之间" min="18" max="28"></td>
 </tr>
 <tr>
 <td>年龄1：</td><td><input name="Year1" require="false" dataType="Compare" msg="年龄必须在18以上" to="18" operator="GreaterThanEqual"></td>
 </tr>
 <tr>
 <td>电话：</td><td><input name="Phone" require="false" dataType="Phone" msg="电话号码不正确"></td>
 </tr>
 <tr>
 <td>手机：</td><td><input name="Mobile" require="false" dataType="Mobile" msg="手机号码不正确"></td>
 </tr>
 <tr>
 <td>生日：</td><td><input name="Birthday" dataType="Date" format="ymd" msg="生日日期不存在"></td>
 </tr>
 <tr>
 <td>邮政编码：</td><td><input name="Zip" dataType="Custom" regexp="^[1-9]\d{5}$" msg="邮政编码不存在"></td>
 </tr>
 <tr>
 <td>邮政编码：</td><td><input name="Zip1" dataType="Zip" msg="邮政编码不存在"></td>
 </tr>
 <tr>
 <td>操作系统：</td><td><select name="Operation" dataType="Require" msg="未选择所用操作系统" ><option value="">选择您所用的操作系统</option><option value="Win98">Win98</option><option value="Win2k">Win2k</option><option value="WinXP">WinXP</option></select></td>
 </tr>
 <tr>
 <td>所在省份：</td><td>广东<input name="Province" value="1" type="radio">陕西<input name="Province" value="2" type="radio">浙江<input name="Province" value="3" type="radio">江西<input name="Province" value="4" type="radio" dataType="Group" msg="必须选定一个省份" ></td>
 </tr>
 <tr>
 <td>爱好：</td><td>运动<input name="Favorite" value="1" type="checkbox">上网<input name="Favorite" value="2" type="checkbox">听音乐<input name="Favorite" value="3" type="checkbox">看书<input name="Favorite" value="4" type="checkbox"" dataType="Group" min="2" max="3" msg="必须选择2~3种爱好"></td>
 </tr>
 <td>自我介绍：</td><td><textarea name="Description" dataType="Limit" max="10" msg="自我介绍内容必须在10个字之内">中文是一个字</textarea></td>
 </tr>
 <td>自传：</td><td><textarea name="History" dataType="LimitB" min="3" max="10" msg="自传内容必须在[3,10]个字节之内">中文是两个字节t</textarea></td>
 </tr>
 <tr>
 <td colspan="2"><input name="Submit" type="submit" value="确定提交"><input onClick="Validator.Validate(document.getElementById('demo'))" value="检验模式1" type="button"><input onClick="Validator.Validate(document.getElementById('demo'),2)" value="检验模式2" type="button"><input onClick="Validator.Validate(document.getElementById('demo'),3)" value="检验模式3" type="button"></td>
 </tr>
 </form>
</table>
<script>
/*************************************************
Validator v1.01
code by 我佛山人
wfsr@cunite.com
http://www.cunite.com
*************************************************/
Validator = {
Require : /.+/,
Email :/^([A-Za-z0-9])(\w)+@(\w)+(\.)(com|com\.cn|net|cn|net\.cn|org|biz|info|gov|gov\.cn|edu|edu\.cn)/,
Phone : /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}$/,
Mobile : /^((\(\d{3}\))|(\d{3}\-))?13\d{9}$/,
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/,
Currency : /^\d+(\.\d+)?$/,
Number : /^\d+$/,
Zip : /^[1-9]\d{5}$/,
QQ : /^[1-9]\d{4,8}$/,
Integer : /^[-\+]?\d+$/,
Double : /^[-\+]?\d+(\.\d+)?$/,
English : /^[A-Za-z]+$/,
Chinese : /^[\u0391-\uFFE5]+$/,
UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,
IsSafe : function(str){return !this.UnSafe.test(str);},
SafeString : "this.IsSafe(value)",
Limit : "this.limit(value.length,getAttribute('min'), getAttribute('max'))",
LimitB : "this.limit(this.LenB(value), getAttribute('min'), getAttribute('max'))",
Date : "this.IsDate(value, getAttribute('min'), getAttribute('format'))",
Repeat : "value == document.getElementsByName(getAttribute('to'))[0].value",
Range : "getAttribute('min') < value && value < getAttribute('max')",
Compare : "this.compare(value,getAttribute('operator'),getAttribute('to'))",
Custom : "this.Exec(value, getAttribute('regexp'))",
Group : "this.MustChecked(getAttribute('name'), getAttribute('min'), getAttribute('max'))",
ErrorItem : [document.forms[0]],
ErrorMessage : ["以下原因导致提交失败：\t\t\t\t"],
Validate : function(theForm, mode){
var obj = theForm || event.srcElement;
var count = obj.elements.length;
this.ErrorMessage.length = 1;
this.ErrorItem.length = 1;
this.ErrorItem[0] = obj;
for(var i=0;i<count;i++){
with(obj.elements[i]){
var _dataType = getAttribute("dataType");
if(typeof(_dataType) == "object" || typeof(this[_dataType]) == "undefined") continue;
this.ClearState(obj.elements[i]);
if(getAttribute("require") == "false" && value == "") continue;
switch(_dataType){
case "Date" :
case "Repeat" :
case "Range" :
case "Compare" :
case "Custom" :
case "Group" : 
case "Limit" :
case "LimitB" :
case "SafeString" :
if(!eval(this[_dataType])){
this.AddError(i, getAttribute("msg"));
}
break;
default :
if(!this[_dataType].test(value)){
this.AddError(i, getAttribute("msg"));
}
break;
}
}
}
if(this.ErrorMessage.length > 1){
mode = mode || 1;
var errCount = this.ErrorItem.length;
switch(mode){
case 2 :
for(var i=1;i<errCount;i++)
this.ErrorItem[i].style.color = "red";
case 1 :
alert(this.ErrorMessage.join("\n"));
this.ErrorItem[1].focus();
break;
case 3 :
for(var i=1;i<errCount;i++){
try{
var span = document.createElement("SPAN");
span.id = "__ErrorMessagePanel";
span.style.color = "red";
this.ErrorItem[i].parentNode.appendChild(span);
span.innerHTML = this.ErrorMessage[i].replace(/\d+:/,"*");
}
catch(e){alert(e.description);}
}
this.ErrorItem[1].focus();
break;
default :
alert(this.ErrorMessage.join("\n"));
break;
}
return false;
}
return true;
},
limit : function(len,min, max){
min = min || 0;
max = max || Number.MAX_VALUE;
return min <= len && len <= max;
},
LenB : function(str){
return str.replace(/[^\x00-\xff]/g,"**").length;
},
ClearState : function(elem){
with(elem){
if(style.color == "red")
style.color = "";
var lastNode = parentNode.childNodes[parentNode.childNodes.length-1];
if(lastNode.id == "__ErrorMessagePanel")
parentNode.removeChild(lastNode);
}
},
AddError : function(index, str){
this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index];
this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + ":" + str;
},
Exec : function(op, reg){
return new RegExp(reg,"g").test(op);
},
compare : function(op1,operator,op2){
switch (operator) {
case "NotEqual":
return (op1 != op2);
case "GreaterThan":
return (op1 > op2);
case "GreaterThanEqual":
return (op1 >= op2);
case "LessThan":
return (op1 < op2);
case "LessThanEqual":
return (op1 <= op2);
default:
return (op1 == op2); 
}
},
MustChecked : function(name, min, max){
var groups = document.getElementsByName(name);
var hasChecked = 0;
min = min || 1;
max = max || groups.length;
for(var i=groups.length-1;i>=0;i--)
if(groups[i].checked) hasChecked++;
return min <= hasChecked && hasChecked <= max;
},
IsDate : function(op, formatString){
formatString = formatString || "ymd";
var m, year, month, day;
switch(formatString){
case "ymd" :
m = op.match(new RegExp("^((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})$"));
if(m == null ) return false;
day = m[6];
month = m[5]--;
year = (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10));
break;
case "dmy" :
m = op.match(new RegExp("^(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))$"));
if(m == null ) return false;
day = m[1];
month = m[3]--;
year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10));
break;
default :
break;
}
if(!parseInt(month)) return false;
month = month==12 ?0:month;
var date = new Date(year, month, day);
 return (typeof(date) == "object" && year == date.getFullYear() && month == date.getMonth() && day == date.getDate());
function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;}
}
}
</script>

漂亮的表格
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Tables</title>
<link href="styles.css" _fcksavedurl=""styles.css"" _fcksavedurl=""styles.css"" _fcksavedurl=""styles.css"" _fcksavedurl=""styles.css"" _fcksavedurl=""styles.css"" _fcksavedurl=""styles.css"" rel="stylesheet" type="text/css" />
</head>
<style type="text/css">
/* CSS Document */
body {
font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
background: #E6EAE9;
}
a {
color: #c75f3e;
}
#mytable {
width: 700px;
padding: 0;
margin: 0;
}
caption {
padding: 0 0 5px 0;
width: 700px; 
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}
th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}
td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
font-size:11px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}
td.alt {
background: #F5FAFA;
color: #797268;
}
th.spec {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #fff url(images/bullet1.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
th.specalt {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #f5fafa url(images/bullet2.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #797268;
}
/*---------for IE 5.x bug*/
html>body td{ font-size:11px;}
</style>
<body>
<table id="mytable" cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series">
<caption>&nbsp;</caption>
 <tr>
 <th scope="col" abbr="Configurations" class="nobg">Configurations</th>

 <th scope="col" abbr="Dual 1.8">Dual 1.8GHz</th>
 <th scope="col" abbr="Dual 2">Dual 2GHz</th>
<th scope="col" abbr="Dual 2.5">Dual 2.5GHz</th>
 </tr>
 <tr>
 <th scope="row" abbr="Model" class="spec">lipeng</th>
 <td>M9454LL/A</td>
 </tr>
 <tr>
 <th scope="row" abbr="G5 Processor" class="specalt">mapabc</th>
 <td class="alt">Dual 1.8GHz PowerPC G5</td>
 </tr>
 <tr>
 <th scope="row" abbr="Frontside bus" class="spec">地图名片</th>
 <td>900MHz per processor</td>
 </tr>
 <tr>
 <th scope="row" abbr="L2 Cache" class="specalt">图秀卡</th>
 <td class="alt">512K per processor</td>
 </tr>
</table>
</body>
</html>

下拉菜单
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>nav</title>
<script language="javascript">
// JavaScript Document
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
<style type="text/css">
<!--
body {
 font: normal 11px verdana;
 }
ul {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 150px; /* Width of Menu Items */
 border-bottom: 1px solid #ccc;
 } 
ul li {
 position: relative;
 } 
li ul {
 position: absolute;
 left: 149px; /* Set 1px less than menu width */
 top: 0;
 display: none;
 }
/* Styles for Menu Items */
ul li a {
 display: block;
 text-decoration: none;
 color: #777;
 background: #fff; /* IE6 Bug */
 padding: 5px;
 border: 1px solid #ccc; /* IE6 Bug */
 border-bottom: 0;
 }
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
li:hover ul, li.over ul { display: block; } /* The magic */
-->
</style>
</head>
<body>
<ul id="nav"> 
<li><a href="#">Home</a></li> _fcksavedurl=""#">Home</a></li>" _fcksavedurl=""#">Home</a></li>" _fcksavedurl=""#">Home</a></li>" _fcksavedurl=""#">Home</a></li>" _fcksavedurl=""#">Home</a></li>" _fcksavedurl=""#">Home</a></li>" 
<li><a href="#">About</a> 
<ul> 
<li><a href="#">History</a></li> 
<li><a href="#">Team</a></li> 
<li><a href="#">Offices</a></li> 
</ul> 
</li> 
<li><a href="#">Services</a> 
<ul> 
<li><a href="#">Web Design</a></li> 
<li><a href="#">Internet Marketing</a></li> 
<li><a href="#">Hosting</a></li> 
<li><a href="#">Domain Names</a></li> 
<li><a href="#">Broadband</a></li> 
</ul> 
</li> 
<li><a href="#">Contact Us</a> 
<ul> 
<li><a href="#">United Kingdom</a></li> 
<li><a href="#">France</a></li> 
<li><a href="#">USA</a></li> 
<li><a href="#">Australia</a></li> 
</ul> 
</li> 
</ul> 
</body>
</html>

一个非常不错的loading 效果.借花献佛
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<BODY STYLE="FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica">
<SCRIPT LANGUAGE="JScript">
var NUMBER_OF_REPETITIONS = 40;
var nRepetitions = 0;
var g_oTimer = null;
function startLongProcess()
{
 divProgressDialog.style.display = "";
 resizeModal();
 btnCancel.focus();
 window.onresize = resizeModal;
 window.onbeforeunload = showWarning;
 continueLongProcess();
}
function updateProgress(nNewPercent)
{
 // Update our pseudo progress bar
 divProgressInner.style.width = (parseInt(divProgressOuter.style.width) 
 * nNewPercent / 100)+ "px";
}
function stopLongProcess()
{
 if (g_oTimer != null)
 {
 // Clear the timer so we don't get called back an extra time
 window.clearTimeout(g_oTimer);
 g_oTimer = null;
 }
 // Hide the fake modal DIV
 divModal.style.width = "0px";
 divModal.style.height = "0px";
 divProgressDialog.style.display = "none";
 // Remove our event handlers
 window.onresize = null;
 window.onbeforeunload = null;
 nRepetitions = 0;
}
function continueLongProcess()
{
 if (nRepetitions < NUMBER_OF_REPETITIONS)
 {
 // Set the timeout somewhere between 0 and .25 seconds
 var nTimeoutLength = Math.random() * 250;
 updateProgress(100 * nRepetitions / NUMBER_OF_REPETITIONS);
 g_oTimer = window.setTimeout("continueLongProcess();", nTimeoutLength);
 nRepetitions++;
 }
 else
 {
 stopLongProcess();
 }
}
function showWarning()
{
 //Warn users before they refresh the page or navigate away
 return "Navigating to a different page or refreshing the window could cause you to lose precious data.\n\nAre you*absolutely* certain you want to do this?";
}
function resizeModal()
{
 // Resize the DIV which fakes the modality of the dialog DIV
 divModal.style.width = document.body.scrollWidth;
 divModal.style.height = document.body.scrollHeight;
 // Re-center the dialog DIV
 divProgressDialog.style.left = ((document.body.offsetWidth - 
divProgressDialog.offsetWidth) / 2);
 divProgressDialog.style.top = ((document.body.offsetHeight - 
divProgressDialog.offsetHeight) / 2);
}
</SCRIPT>
<INPUT TYPE="BUTTON" VALUE="Click Me!" onclick="startLongProcess();">
<!-- BEGIN PROGRESS DIALOG -->
<DIV STYLE="BORDER: buttonhighlight 2px outset; FONT-SIZE: 8pt; Z-INDEX: 
4; FONT-FAMILY: Tahoma; POSITION: absolute; BACKGROUND-COLOR: buttonface; 
DISPLAY: none; WIDTH: 350px; CURSOR: default" ID="divProgressDialog" 
onselectstart="window.event.returnValue=false;">
 <DIV STYLE="PADDING: 3px; FONT-WEIGHT: bolder; COLOR: captiontext; 
BORDER-BOTTOM: white 2px groove; BACKGROUND-COLOR: activecaption">
 Downloading Requested Document
 </DIV>
 <DIV STYLE="PADDING: 5px">
 Please wait while I download the document you requested.
 </DIV>
 <DIV STYLE="PADDING: 5px">
 This may take several seconds.
 </DIV>
 <DIV STYLE="PADDING: 5px">
 <DIV ID="divProgressOuter" STYLE="BORDER: 1px solid threedshadow; 
WIDTH: 336px; HEIGHT: 15px">
 <DIV ID="divProgressInner" STYLE="COLOR: white; TEXT-ALIGN: 
center; BACKGROUND-COLOR: infobackground; MARGIN: 0px; WIDTH: 0px; HEIGHT: 
13px;"></DIV>
 </DIV>
 </DIV>
 <DIV STYLE="BORDER-TOP: white 2px groove; PADDING-BOTTOM: 5px; PADDING-TOP: 3px; 
BACKGROUND-COLOR: buttonface; TEXT-ALIGN: center">
 <INPUT STYLE="FONT-FAMILY: Tahoma; FONT-SIZE: 8pt" TYPE="button" 
ID="btnCancel" onclick="stopLongProcess();" VALUE="Cancel">
 </DIV>
</DIV>
<!-- END PROGRESS DIALOG -->
<!-- BEGIN FAKE MODAL DIV-->
<DIV ID="divModal"
 STYLE="BACKGROUND-COLOR: white; FILTER: alpha(opacity=75); LEFT: 0px; POSITION:
absolute; TOP: 0px; Z-INDEX: 3"
 onclick="window.event.cancelBubble=true; window.event.returnValue=false;">
</DIV>
<!-- END FAKE MODAL DIV -->
</body>
</html>

open方法的全解释

<HTML>
<HEAD>
<TITLE>open方法</TITLE>
<Script Language="JavaScript">

function NewOpen()
{
TB = "ToolBar="+
document.ThisForm.ToolBar.value
L = "Location="+
document.ThisForm.Location.value
D = "Directories="+
document.ThisForm.Directories.value
S = "Status="+
document.ThisForm.Status.value
MB = "MenuBar="+
document.ThisForm.MenuBar.value
SC = "ScrollBars="+
document.ThisForm.ScrollBars.value
R = "Resizeable="+
document.ThisForm.Resizeable.value
H = "Height="+document.ThisForm.WinH.value
W = "Width="+document.ThisForm.WinW.value
WinSt = TB+","+L+","+D+","+S+","+MB+","+
SC+","+R+","+H+","+W
WinObject = window.open("Http://"+
document.ThisForm.NewHttp.value,
document.ThisForm.WinName.value,WinSt)
}

</Script>
</HEAD>

<BODY>

<Center><Font color=red>打开新窗口</Font>
</Center><BR>

<FORM NAME="ThisForm">
网址：[url]Http://[/url]<INPUT TYPE=TEXT Name="NewHttp"
Size=50><BR>
窗口名称：<INPUT TYPE=TEXT Name="WinName"
Size=50 VALUE="NewWin"><BR>
工具栏：<Select Name="ToolBar">
<Option Value="yes">是
<Option Value="no">否
</Select><BR>
地址栏：<Select Name="Location">
<Option Value="yes">是
<Option Value="no">否
</Select><BR>
链接列：<Select Name="Directories">
<Option Value="yes">是
<Option Value="no">否
</Select><BR>
状态栏：<Select Name="Status">
<Option Value="yes">是
<Option Value="no">否
</Select><BR>
菜单：<Select Name="MenuBar">
<Option Value="yes">是
<Option Value="no">否
</Select><BR>
卷动轴：<Select Name="ScrollBars">
<Option Value="yes">是
<Option Value="no">否
</Select><BR>
窗口缩放：<Select Name="Resizeable">
<Option Value="yes">是
<Option Value="no">否
</Select><BR>
窗口高度：<INPUT TYPE=TEXT Name="WinH"
Size=10 VALUE=500><BR>
窗口宽度：<INPUT TYPE=TEXT Name="WinW"
Size=10 VALUE=500><BR>
<BR><INPUT TYPE=BUTTON OnClick="NewOpen()"
Value="打开">
</FORM>

</BODY>
</HTML>