HTML: Bagaimana untuk pergi ke halaman seterusnya dalam susunan menaik?

Question

Saya mempunyai beberapa fail HTML dengan nama angka dalam folder yang dipanggil Projek seperti ini:

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

Saya ingin menambah "Butang Halaman Seterusnya" pada setiap fail. Apabila saya mengklik butang, hiperpautan membawa saya ke halaman seterusnya dalam tertib menaik.

Jadi jika saya berada dalam 230530.html, mengklik 230530.html 中，单击下一页按钮 应该会将我带到 230630.htmlbutang halaman seterusnya sepatutnya membawa saya ke 230630.html.

Nama fail pada asasnya ialah tarikh dalam format YYMMDD.html

. Tarikh mungkin tidak berturut-turut.

Ada idea bagaimana untuk mencipta skrip sedemikian? 🎜

Answer 1

Berikut adalah beberapa kod:

// 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];

Jika anda berada di halaman terakhir, nextFileName akan kembali ke indeks 0.