下面的代码用于HTML文件中,添加在head之内,实现的效果就是翻页或下一页上一页。
<script type="text/javascript">
var p=1;
function page_next()
{
if(p==1){return alert("xiaoshuo00"+p+".htm");}
else return alert("xiaoshuo00"+--p+".htm");
}
function page_Previous()
{
var a=++p;
alert("xiaoshuo00"+a+".htm");
}
</script>
下面是范例,body中的实体大致是如下的控件信息。
<body>
<a href="#" onclick="page_next()">上一页 </a> <a href="#" onclick="page_Previous()"/>下一页 </a>
</body>
</html>
知识拓展
上面的代码足够简单了,下面再提供其它更为复杂的代码。
function add(n){
if(n < 10){
return "00" + n;
}else if(n < 100){
return "0" + n;
}
return n;
}
(function(){
var nMaxPage = 50; //最大页数
var url = window.location.href;
var reg = /(^.*xiaoshuo)(\d{3})(.htm[l]*$)/i;
var index = parseInt(url.replace(reg, "$2"), 10);
var html = [];
if(!isNaN(index)){
if(index > 1){
html.push("<a href='" + url.replace(reg, "$1" + add(index - 1) + "$3") + "'>上一页</a>");
}
if(index < nMaxPage){
html.push("<a href='" + url.replace(reg, "$1" + add(index + 1) + "$3") + "'>下一页</a>");
}
document.write(html.join(" "));
}
})()