Next/Prev href按鈕與JavaScript遞增url

我是一個JavaScript的初學者。我有一個主索引頁上的下一個和上一個按鈕，我希望他們每個人都按順序轉到下一個或前一個html頁面。排序的html頁面出現在iframe中。我試圖弄清楚這樣做的正確和最有效的方法。Next/Prev href按鈕與JavaScript遞增url

頁面按順序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>

我確定必須有一個更簡單的方法來做到這一點。

來源

2012-03-13 Livi17

它不工作？ – 2012-03-13 03:04:03

我認爲這部分是錯誤的：'href =「」' 如果我改變按鈕上的A標籤中的目標以轉到空白頁面，則URL如下所示：'http：// www。 server.com/player/ ' – Livi17 2012-03-13 03:08:32

這只是模擬JavaScript中的後退和前進按鈕的很多工作。代替使用歷史對象會更容易。使用window.history.forward()和window.history.back()。 Reference。

除此之外，如果你堅持這樣做硬盤的方式，只要你想要做的是：

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

而在你的HTML只是傳遞一個+1或-1到browserButton。像這樣

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

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

Reference。

來源

2012-03-13 03:36:13 VinceOmega

歷史對象不起作用，因爲轉發網址尚未被訪問。我嘗試了你的第二個建議，但它不起作用。 '' 我的按鈕看起來像： '' Next 如果我剝功能下降到只有一個警告，你可以看到該函數ISN;噸甚至被調用。 – Livi17 2012-03-13 04:19:25

你不應該在你的標籤中設置目標。目標屬性發生在框架本身上。這就是爲什麼它沒有被調用。 – VinceOmega 2012-03-13 20:12:06

糾正你有一個標記正確的目標，但你忘了實際命名框架本身。你也可能不想在標籤上添加目標，因爲這會干擾window.open函數。 – VinceOmega 2012-03-13 20:22:45

Next/Prev href按鈕與JavaScript遞增url

回答

相關問題