HTML中的上一個/下一個按鈕？

Question

我想在我的網站上的“新聞”部分創建一個導航，當單擊按鈕時，它將把用戶導航到下一個或上一個html。

該按鈕必須在html名稱的末尾添加或刪除數字，因此，如果第一個html是news.html，並且單擊了下一個按鈕，則應轉到news1.html等。

我想這可以用javascript實現，我該如何開始？

Answer 1

您可以使用window.location獲取當前頁面，將其與正則表達式進行匹配以獲取末尾的數字（如果存在），然后僅對其進行遞增即可獲得下一頁，而對於上一頁則將其遞減。 當然，您必須弄清楚如何處理首頁和末頁。

例如，類似這樣的方法可能會起作用：

var regex = /news(\d*)\.html/;
var index = +regex.exec(window.location.pathname)[1];

現在，您的索引將為空白（對於news.html ）或一個數字。 然后，您可以使用該數字來形成下一個和上一個按鈕所需的網址。

var nextUrl = "news" + (index+1) + ".html";
var prevUrl = "news" + (index-1) + ".html";

編輯：這不是最好的方法，但這是使您入門的小提琴 。

Answer 2

var path = window.location.pathname;

然后使用regex解析path ，獲取當前頁面數（如果有的話）並將其轉換為數字，增加/減少它並從中創建您的網址。

但是，我認為您不是使用ajax，而是使用某種服務器端語言，最好在服務器端使用它。

我們不能為您做功課。 這是測試接受日期字符串的正則表達式的示例：

            // Date validation
        if (bdate != "")
        {
             if(!/^[0-9]{1,2}\.[0-9]{1,2}\.[0-9]{4}(\.)?$/.test(bdate)||
             String(new Date(bdate.split(".")[1] + "/" + bdate.split(".")[0] + "/" + bdate.split(".")[2])) == "Invalid Date")        
            {return "Please enter a valid date in format dd.mm.yyyy"}
        }

在那里，正則表達式測試是這個表達式：/ /^[0-9]{1,2}\\.[0-9]{1,2}\\.[0-9]{4}(\\.)?$/.test(bdate)並測試字符串bdate是否適合正則表達式。 正則表達式是您可以通過將運算符放在兩個正斜杠之間（如上述（ /operators/ ））來構造的對象。

這是javascript regex的參考，這是一個教程 。 祝你好運 ：）

順便說一句，如果您不想學習任何東西，則可能應該考慮使用諸如wordpress或tumblr之類的工具。