1、在设计分页功能时,首先在页面的HTML源代码中添加用于分页的分页脚本,其具体实现的脚本文件如下:
<script>
//parentName父容器标签名称divName要显示标签的名称
function ShowTagss(parentName, divName)
{
var childObj = document.getElementById(parentName).childNodes;
if (typeof(childObj) != "undefined") {
for(var i = 0; i < childObj.length; i++) {
childObj[i].style.display = "none";
}
}
document.getElementById(divName).style.display="block";
}
</script>
2、在添加完脚本文件之后,通常需要在页面添加一个具有2行一列的表格。在表格的第一行中添加分页的标题信息;在表格的第二行添加分页的具体内容信息,实现分页功能的HTML源码如下:
<table>
<tr>
<td>
<a href = "javascript:ShowTagss( 'parentDivs', 'div1' )">标题1</a>
<a href = "javascript:ShowTagss( 'parentDivs', 'div2' )">标题2</a>
<a href = "javascript:ShowTagss( 'parentDivs', 'div3' )">标题3</a>
</td>
</tr>
<tr>
<td id='parentDivs'>
<div id='div1'>添加要显示的内容</div>
<div id='div2'>添加要显示的内容</div>
<div id='div3'>添加要显示的内容</div>
</td>
</tr>
</table>