JS实现分页显示

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>