html小技巧

　2008-03-08 22:00:37　来源：WEB开发网　　　

核心提示：一.用javascript在网页上实现树状伸缩目录：1.建立空文件index.htm,在同目录下建立子目录images,在images之下有文件folder_close.gif(有子项的目录关闭时的图标)folder_open.gif(有子项的目录打开时的图标)folder_link.gif(没有子项的文件，只有链接的

一.用javascript在网页上实现树状伸缩目录：

1.建立空文件index.htm,在同目录下建立子目录images,在images之下有文件
folder_close.gif(有子项的目录关闭时的图标)
folder_open.gif(有子项的目录打开时的图标)
folder_link.gif(没有子项的文件，只有链接的文件的图标)

2.在<head></head>之间加上

<style>

</style>
<script language="Javascript1.2">

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

</script>

在<body>...</body>之间的表单．
<form method="POST" name=form action="" >
<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" >
<input type=button value="Submit 2" >
</form>
</body>
</html>