|
| |
 精品推荐 |
 |
|
| |
|
|
|
|
html小技巧
|
日期：2007年5月2日 作者： 查看:[大字体
中字体 小字体]
|
一.用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.如果对输入的电话号码，限制只能是输入数字和()-+四个字符，这里要检查填入项的有效性：
上一篇:Beej的网络socket编程指南
下一篇:“笑”傲流媒体―SMIL基础教程
|
| html小技巧 相关文章： |
|
|
|
| html小技巧 相关软件： |
|
|
|
|
