首頁  >  問答  >  主體

HTML:如何以升序前往下一頁?

我在名為 Project 的資料夾中有一些具有數字名稱的 HTML 文件,如下所示:

230512.html
230519.html
230530.html
230630.html
240120.html

我想在每個文件中新增一個「下一頁按鈕」。當我單擊該按鈕時,超連結會將我帶到按升序排列的下一個頁面。

因此,如果我在 230530.html 中,點擊下一頁按鈕 應該會將我帶到 230630.html

檔案名稱基本上是 YYMMDD.html 格式的日期。日期可能不連續。

有什麼想法,如何創建這樣的腳本嗎?

P粉256487077P粉256487077427 天前655

全部回覆(1)我來回復

  • P粉455093123

    P粉4550931232023-09-11 18:40:19

    這裡有一些程式碼:

    // get current filename
    let currentFileName = location.pathname.split('/').pop();
    
      // Get the list of all HTML files in the "Project" folder
      let fileNames = [
        '230512.html',
        '230519.html',
        '230530.html',
        '230630.html',
        '240120.html'
      ];
    
      // Find the index of the current file in the list
      let currentIndex = fileNames.indexOf(currentFileName);
    
      // Calculate the index of the next file
      let nextIndex = (currentIndex + 1) % fileNames.length;
    
      // Get the name of the next file
      let nextFileName = fileNames[nextIndex];

    如果您在最後一頁,nextFileName 將會回到索引 0。

    回覆
    0
  • 取消回覆