1. 使页面/index.html加载后立刻自动跳转到/its/index.html页面，/index.html内容如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="refresh" content="0,url=/its">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="http://192.168.18.235/its">Loading......</a>
</body>
</html>
2.javascript
一.用javascript在网页上实现树状伸缩目录：
1.建立空文件index.htm,在同目录下建立子目录images,在images之下有文件
folder_close.gif(有子项的目录关闭时的图标)
folder_open.gif(有子项的目录打开时的图标)
folder_link.gif(没有子项的文件，只有链接的文件的图标)
2.在<head></head>之间加上
<style>
<!--
#foldheader{cursor:hand ;color:#0000ff;list-style-image:url(images/folder_close.gif)}
#foldinglist{list-style-image:url(images/folder_link.gif)}
//-->
</style>
<script language="JavaScript1.2">
<!--
function change()
{
if(!document.all)
return
if (event.srcElement.id=="foldheader")
{
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none")
{
nested.style.display=''
event.srcElement.style.listStyleImage="url(images/folder_open.gif)"
}
else
{
nested.style.display="none"
event.srcElement.style.listStyleImage="url(images/folder_close.gif)"
}
}
}
document.onclick=change
//-->
</script>
3.在<body>之后加上如下代码：
<li id="foldheader">项目列表</li>
<ul id="foldinglist" style="display:none">
<li><a href="personalbox.htm">个人邮箱</a></li>
<li><a href="companybox.htm">企业邮箱</a></li>
</ul>
在IE中看index.htm的效果
二.用javascript实现刷新：
<script>
parent.frames(1).location=parent.frames(1).location;
</script>
三.用javasript判断网页中输入框填入项的状态：
1.判断填入项中是否有某个字符或者串：
if(document.AddForm.mail.value.indexOf("@",1) < 0)
{alert("Email输入格式不对!");return false;}
indexOf这个函数的第一个参数是需要包含的字符或者串，第二个参数是从第几个
字符开始判断（第一个字符的index为0）
若未找到匹配的函数的返回值为-1，若找到匹配的则返回一个整数为子字符串的开始位置
2.判断填入项是否为整数：
//先将填入项转化为整数
var integer = parseInt(document.AddForm.number.value);
//先判断是否转化为数，然后判断是否全部为数
if (isNaN(integer)||integer.toString().length != document.AddForm.number.value.length)
{alert("公司分机输入错误!");return false;}
3.如果对输入的电话号码，限制只能是输入数字和()-+四个字符，这里要检查填入项的有效性：
在<head>...</head>之间加入如下代码：
<script LANGUAGE="javascript">
<!--
function check()
{
if (document.form.phone.value=="")
{
alert("請输入电话号码！");
document.form.tell.focus();
return false;
}
else
{
var Letters = "0123456789()+-";
for (i=0; i< document.form.phone.value.length; i++)
{
var CheckChar = document.form.phone.value.charAt(i);
if (Letters.indexOf(CheckChar) == -1)
{
alert("电话号码格式不正确！");
document.form.phone.focus();
return false;
}
}
}
}
//-->
</script>
在<body>...</body>之间的表单．
<form method="POST" name=form action="" onSubmit="return check();">
<p align="center">请输入电话号码：
<input type="text" name="phone" size="20">
<input type="submit" value="提交" name="B1">
</p>
</form>
四.用javasript单一表单的多个递交方案:
我们往往需要在同一个表单的Form域中将递交的内容分别交给不同的脚本去处理。
下面的代码演示了：按下"submit 1"表单由cgi1.pl去处理，按下"submit 2 "表单由cgi2.pl去处理。
<html>
<head>
<script>
function submitit1()
{
document.myForm.action = "http://www.site.com/cgi-bin/cgi1.pl"
document.myForm.submit();
}
function submitit2()
{
document.myForm.action = "http://www.site.com/cgi-bin/cgi2.pl"
document.myForm.submit();
}
</script>
</head>
<body>
<form name="myForm" METHOD=POST>
username:<input type=text name=text1>
password:<input type=password name=text2>
<input type=button value="Submit 1" onClick="submitit1()">
<input type=button value="Submit 2" onClick="submitit2()">
</form>
</body>
</html>
获取到目前radio button的值：
var i, a;
for(i = 0; i < form.radiobutton.length; i++)
{
if( form.radiobutton[i].checked )
{
a = form.radiobutton[i].value ;
break;
}
}
html上传文件的协议：
form是如下的写法：
<FORM name="upload" ACTION="/xmweb" ENCTYPE="multipart/form-data" METHOD=POST>
你的姓名：<INPUT TYPE=TEXT NAME=username>
上传的文件：<INPUT TYPE=FILE NAME=filename>
</FORM>
用户在name中键入weiqiong，选择文件名为file.txt上传，客户端返回如下buffer：
Content-type: multipart/form-data, boundary=AaB03x
--AaB03x
content-disposition: form-data; name="username"
weiqiong
--AaB03x
content-disposition: form-data; name="filename"; filename="file.txt"
Content-Type: text/plain
... contents of file1.txt ...
--AaB03x--
如果用户上传的是两个文件：
Content-type: multipart/form-data, boundary=AaB03x
--AaB03x
content-disposition: form-data; name="username"
weiqiong
--AaB03x
content-disposition: form-data; name="filename"
Content-type: multipart/mixed, boundary=BbC04y
--BbC04y
Content-disposition: attachment; filename="file.txt"
Content-Type: text/plain
... contents of file1.txt ...
--BbC04y
Content-disposition: attachment; filename="pic.gif"
Content-type: image/gif
Content-Transfer-Encoding: binary
...contents of file2.gif...
--BbC04y--
--AaB03x--
http头信息：
<meta http-equiv="Refresh" content="5; url=http://host/path">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Pragma" content="no-cache">
