目标能够使用超链接控制网页中部分内容的显示与隐藏,并且无需提交到服务器处理,完全在客户端完成。
<html>
<head>
<script language="javascript">
function HidePart(vLink ,vPart )
{
if(document.getElementById(vLink).innerHTML=="隐藏")//超链接为隐藏,则隐藏模块并将超链接改为显示
{ document.getElementById(vLink).innerHTML="显示" ;
document.getElementById(vPart).style.display = "none";
}
else
{ document.getElementById(vLink).innerHTML="隐藏" ;
document.getElementById(vPart).style.display = "block";
}
}
</script>
</head>
<body>
<a id="link1" href="javascript:HidePart('link1','part1');">隐藏</a>
<div id="part1">Hello world!</div>
</body>
</html>
注意:
- function HidePart(vLink ,vPart ),无需在变量之前加var ,否则代码不执行
- 一些asp标签会被asp服务器翻译成标准html标签,之后再提交到客户端,这些标签往往会自动提交,不适合实现只做客户端处理的功能