一直以来，分页都是用PHP＋HTML完成的，这样固然不错，可是看到很多网站的分页后，不是有输入框直接输入页数跳转就是有下栏框跳转，正好团队的hihiyou问了我一下，于是写了以下的Javascript函数，方便大家调用
这只是块砖，有玉的话，尽管砸过来吧
function buildPage( pageTotal , onePage , href , sId)
{
var selectId = 'cc418_' + sId;
$pageDef = parseInt( pageTotal / onePage );
$pageExt = ( pageTotal % onePage ) ? 1 : 0;
$pageAll = $pageDef + $pageExt ;
this.jump = function( url ,value)
{
$jump = url + value;
// alert( $jump );
return ( value ) ? location.href=$jump : false;
}
this.replaced = function ( value )
{
var $s = location.search;
if ( value > 0)
{
$s.indexOf("page=") > 0 ? $t = $s.replace(/page=([0-9]{0,})/i , "page="+ value) : ($s.indexOf("?")>0 ? $t = $s+"&page="+value : $t = $s + "?page=" + value);
return $t;
}
else return 0;
// return location.href= url + $t;
}
document.write( "<select id='"+selectId+"' onchange='jump(\""+href+"\",replaced(this.value));'>" );
//另一种调用方式
//document.write( "<select id='"+selectId+"' onchange='jump(\""+href+"\",this.value);'>" );
document.write( "<option >跳转</option>");
for (var i = 1 ; i <= $pageAll ; i++ )
{
document.write("<option value="+i+">"+i+"</option>");
}
document.write("</select>");
}
//举例
buildPage( 101 , 5 ,'index.php');