帮忙拆分批改一段简单的js-JavaSript-爱易网页

帮忙拆分批改一段简单的js

日期：2014-05-16　浏览次数：20399 次

帮忙拆分修改一段简单的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>&l

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

帮忙拆分批改一段简单的js

相关资料更多>

推荐阅读更多>