Javascript] 동적HTML 페이징 함수

비연동식 함수 입니다
궂이 서버에 부하를 주어가며 페이지를 표시 해줄 필요성을 못느낌에따라 자주 사용하게 되었습니다

<div onclick="var i=event.target.innerHTML;this.innerHTML=proc.pages(i);load_page(i)">
<span style="padding:8px 16px;background:#eee"></span>
<span style="padding:8px 16px;background:#eee"></span>
<span style="padding:8px 16px;background:#eee"></span>
<span style="padding:8px 16px;background:#eee"></span>
<span style="padding:8px 16px;background:#eee"></span>
<span style="padding:8px 16px;background:#eee">1</span>
<span style="padding:8px 16px;background:#eee">2</span>
<span style="padding:8px 16px;background:#eee">3</span>
<span style="padding:8px 16px;background:#eee">4</span>
<span style="padding:8px 16px;background:#eee">5</span>
</div>

1 2 3 4 5

함수 [ 페이지 엘리먼트를 반환함 ]
function proc(){
}
    (proc.pages=function(k){var v,i=-5,p=[];
        for(k--;i++<6;){v=(i+k);
            p.push("<a>"+(v>0?v:"")+"</a>");
        }
        return p.join("");
    })();