帮忙拆分修改一段简单的js
我有一段很简单的js功能代码 请前辈们帮我修改一下.. 我不会js)
这段代码有2个按钮 但是都放到一个function里了 请帮忙拆分一下 两个按钮各自有各自的function
- HTML code
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>expl</title><script language="javascript">var nowid=0;var maxid=5;var next;var prev;function pager(v){ if(v==1){ nowid++; }else { nowid--; } if(nowid>maxid){ nowid=1; } if(nowid<1){ nowid=maxid; } prev=nowid-1; next=nowid+1; if(next>maxid){ next=1; } if(prev<1){ prev=maxid; } document.getElementById('txt').innerHTML=document.getElementById('id_'+nowid).title; document.getElementById('prev').innerHTML=document.getElementById('id_'+prev).title; document.getElementById('next').innerHTML=document.getElementById('id_'+next).title;}window.onload=(function(){pager(1);});</script> </head> <body><div><a title="这是1" id="id_1">这是1</a><br><a title="这是2" id="id_2">这是2</a><br><a title="这是3" id="id_3">这是3</a><br><a title="这是4" id="id_4">这是4</a><br><a title="这是5" id="id_5">这是5</a><br></div><br><br><br><style>.go{padding:5px;border:solid 1px;}</style><span id="prev" class='go'>前</span><span id="txt" class='go'>现</span><span id="next" class='go'>后</span><br><br><input value="后" type='button' onclick='pager(5);' /><input value="前" type='button' onclick='pager(1);' /> </body></html>这是全部的代码 我拆分开是想修改点东西 谢谢大家
[解决办法]
可真是奇怪的想法。。。。。
- HTML code
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>expl</title><script language="javascript">var nowid=0;var maxid=5;var next;var prev;function fn1(){ nowid++; if(nowid>maxid){ nowid=1; } if(nowid<1){ nowid=maxid; } prev=nowid-1; next=nowid+1; if(next>maxid){ next=1; } if(prev<1){ prev=maxid; } document.getElementById('txt').innerHTML=document.getElementById('id_'+nowid).title; document.getElementById('prev').innerHTML=document.getElementById('id_'+prev).title; document.getElementById('next').innerHTML=document.getElementById('id_'+next).title;}function fn2(){ nowid--; if(nowid>maxid){ nowid=1; } if(nowid<1){ nowid=maxid; } prev=nowid-1; next=nowid+1; if(next>maxid){ next=1; } if(prev<1){ prev=maxid; } document.getElementById('txt').innerHTML=document.getElementById('id_'+nowid).title; document.getElementById('prev').innerHTML=document.getElementById('id_'+prev).title; document.getElementById('next').innerHTML=document.getElementById('id_'+next).title;}window.onload=(function(){fn1();});</script> </head> <body><div><a title="这是1" id="id_1">这是1</a><br><a title="这是2" id="id_2">这是2</a><br><a title="这是3" id="id_3">这是3</a><br><a title="这是4" id="id_4">这是4</a><br><a title="这是5" id="id_5">这是5</a><br></div><br><br><br><style>.go{padding:5px;border:solid 1px;}</style><span id="prev" class='go'>前</span><span id="txt" class='go'>现</span><span id="next" class='go'>后</span><br><br><input value="后" type='button' onclick='fn2();' /><input value="前" type='button' onclick='fn1();' /> </body></html>