关于一段js代码优化问题


<html>
<SCRIPT LANGUAGE="JavaScript">
<!--var id1="";
var id2="";
var id3="";
var id4="";
function goPage(num){
alert(num);
//小于第一页，默认第一页，设置首页和上一页灰色,保存事件
if(num<=1){
checkIdStyle();
id1=document.getElementById("id1").onclick;
id2=document.getElementById("id2").onclick;
document.getElementById("id1").style.color="#cccccc";
document.getElementById("id2").style.color="#cccccc";
document.getElementById("id1").onclick=null;
document.getElementById("id2").onclick=null;
//大于最后一页,默认最后一页，设置最后一页，下一页灰色,保存事件
}else if(num>3){
checkIdStyle();
id3=document.getElementById("id3").onclick;
id4=document.getElementById("id4").onclick;
document.getElementById("id3").onclick=null;
document.getElementById("id4").onclick=null;
document.getElementById("id3").style.color="#cccccc";
document.getElementById("id4").style.color="#cccccc";
}else if(num>1){
checkIdStyle();
}}
function checkIdStyle(){
if(id1!="" && id2!=""){
document.getElementById("id1").onclick=id1;
document.getElementById("id2").onclick=id2;
document.getElementById("id1").style.color="";
document.getElementById("id2").style.color="";
}
if(id3!="" && id4!=""){
document.getElementById("id3").onclick=id3;
document.getElementById("id4").onclick=id4;
document.getElementById("id3").style.color="";
document.getElementById("id4").style.color="";
}
}
//-->
</SCRIPT><body>
 <a id="id1" href="#" onClick="alert('首');">首页</a>
<a id="id2" href="#" onClick="alert('上');return false;">上一页</a>
<a id="id3" href="#" onClick="alert('下页');">下一页</a>
<a id="id4" href="#" onClick="alert('末页');">末页</a>
<input type="button" onClick="goPage(0);" value=0/>
<input type="button" onClick="goPage(1);" value=1/>
<input type="button" onClick="goPage(2);" value=2/>
<input type="button" onClick="goPage(4);" value=末页/></body></html>