Кнопки Next / Prev href с увеличенным URL-адресом JavaScript

Question

Я новичок в JavaScript. У меня есть следующая и предыдущая кнопки на главной странице индекса, и я хочу, чтобы каждая из них последовательно переходила на следующую или предыдущую HTML-страницу. Упорядоченные html-страницы отображаются в iframe. Я пытаюсь найти правильный и наиболее эффективный способ сделать это.

Страницы названы в последовательности 01.html, 02.html, 03.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(). Ссылка .

Кроме этого, если вы НАСТОЯТЕЛЬНО НАСТОЯЩИМ, делая это трудным путем, вы хотите, чтобы это:

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

И в вашем html просто передайте+1 или -1 к кнопке браузера.Вот так

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

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

Ссылка .