次の/前のhrefボタン、JavaScriptのURLを増やす

Question

私は初心者です。 メインインデックスページに次のボタンと前のボタンがあり、それらのそれぞれがシーケンス内の次のまたは前のhtmlページに移動します。シーケンスされたhtmlページはiframeに表示されます。私はこれを行うための正しい最も効率的な方法を理解しようとしています。

ページはここで

03.htmlなど、シーケンス01.html、02.htmlで命名されている私のボタンです。

<a 
    class="btn" 
    onclick="decrementPg();" 
    href="<script>prvPgURL</script>" 
    target="iframe"> 
    <i class="icon-chevron-left"></i> Back </a> 

<a 
    class="btn" 
    onclick="incrementPg();" 
    href="<script>nxtPgURL</script>" 
    target="_blank"> Next 
    <i class="icon-chevron-right"></i> </a> 

私が肯定的であるヘッドタグの間の私のJavascriptは完全に間違っています。

<script language="javascript" type="text/javascript"> 

var curPg = 0; 
var nxtPg = 1; 
var prvPg = 0; 
var nxtPgURL = "0"+nxtPg+".html"; 
var prvPgURL = "0"+curPg+".html"; 

function incrementPg() { 
    if(curPg == 0){ 
     alert('curPg: == 0'); 
    curPg = (curPg +1); 
    nxtPg = (nxtPg +1); 
    } else { 
     alert('curPg: !== 0'); 
    curPg = (curPg +1); 
    nxtPg = (nxtPg +1); 
    prvPg = (prvPg +1); 
    } 
alert('curPg: ' +curPg +', nxtPg: '+ nxtPg +', prvPg: '+ prvPg +', prvPgURL: '+ prvPgURL +', nxtPgURL: '+ nxtPgURL); 
} 

function decrementPg() { 
    if(curPg == 0){ 
     alert('curPg: == 0'); 
    curPg = (curPg +1); 
    nxtPg = (nxtPg +1); 
    } else { 
     alert('curPg: !== 0'); 
    curPg = (curPg -1); 
    nxtPg = (nxtPg -1); 
    prvPg = (prvPg -1); 
    } 
alert('curPg: ' +curPg +', nxtPg: '+ nxtPg +', prvPg'+ prvPg); 
} 
</script> 

私はこれを行うにはもっと簡単な方法がなければならないと確信しています。

Answer 1

これは、javascriptで前後のボタンをエミュレートするだけの多くの作業です。代わりに履歴オブジェクトを使用するほうがずっと簡単です。

window.history.forward()およびwindow.history.back()を使用してください。 Reference。

それ以外

あなたはそれを苦労して行う上で主張する場合、あなたがしたいしたいです：

var n = 0; 
function browserButton(value) { 
    window.open((n + value) + '.html', _self); 
} 

し、HTML内だけでbrowserButtonに+1または-1を渡します。同様に

<a href="#" alt="back button" onclick="browserButton(-1)"> 

<a href="#" alt="forward button" onclick="browserButton(1)"> 

Referenceです。