pagination，其中自动从服务器上的特定文件夹自动发现页数 我是CSS的新手（不幸的是对JS），想知道是否可能： 我想为CSS（如果有人可以帮助我）为CSS（或JS/jQuery）编码脚本。

Question

标题：

let maxpages = 1014;

if (sessionStorage.getItem("archivenum") < 1001)
   {
   sessionStorage.setItem("archivenum", 1001);
   }


function navUp() {
   window.open('../CC weblog.html', '_parent');
}

function navPrev() {
   let archivenext = sessionStorage.getItem("archivenum");
   if (archivenext > 1001) {
      archivenext--;
      butVis();
      sessionStorage.setItem("archivenum", archivenext);
   }
    var prevfile = "../CC logs/CC log " + archivenext + ".html";
    window.open(prevfile, "_parent");
}

function navNext() {
   let archivenext = sessionStorage.getItem("archivenum");
   if (archivenext < maxpages) {
      archivenext++;
      butVis();
      sessionStorage.setItem("archivenum", archivenext);
    }    
    var nextfile = "../CC logs/CC log " + archivenext + ".html";
    window.open(nextfile, "_parent");
}  
  
function butVis() {
   let archivenext = sessionStorage.getItem("archivenum");
   if (archivenext == 1001) {
      butPrev.setAttribute('style', 'Visibility: hidden');
   }
   else {
      butPrev.setAttribute('style', 'Visibility: visible');
   }

   if (archivenext == maxpages) {
      butNext.setAttribute('style', 'Visibility: hidden');
   } 
   else {
      butNext.setAttribute('style', 'Visibility: visible');
   }
}

window.onload = function() {
   butVis();
}

每个HTML页面上的标题：

document.addEventListener('DOMContentLoaded', ()=>{
    let nBody = document.querySelector('body')
    let nIframe = document.createElement('iframe');
    nIframe.setAttribute('id', "show-iframe");
    nIframe.style.display = 'none';
    nIframe.style.position = 'absolute';
    nBody.appendChild(nIframe);
  });

档案中的刻录页面上的标记：

<div class="nav">
    <div class="nav flex">
<img class="nav" src="../CC images/buts/but-back.png" alt="prev" onclick="navPrev()" name="butPrev">

<img class="navArch" src="../CC images/buts/but-up.png" alt="TOC" onclick="navUp(); sessionStorage.clear()">

    <img class="nav" src="../CC images/buts/but-for.png" alt="next" onclick="navNext()" name="butNext">
    </div>
</div>

任何帮助都非常感谢！

仅CSS无法处理这一点，因为它缺乏动态确定文件或更新导航的逻辑。对于JavaScript，您当前的方法可以起作用，但需要改进。

，我将使用

fetch()

或服务器端脚本动态列出存档文件夹中的文件。如果这是不可行的，则可以手动定义

maxpages

和在js.

中的范围

因此，为分页逻辑：

使用

navPrev()

Answer 1

navNext()

降低或增量页码。

update

butVis()

要动态隐藏/显示按钮。

确保存储并正确检索当前页面。 如果文件名或范围很复杂，请考虑将它们映射到JavaScript对象中，例如：

sessionStorage

refine

const pageMap = [1001, 1002, 1003, 2001, 2002, 2003];
// Use the array index to calculate next/previous pages.

1. 通过检查数组界限来处理边缘案例。 在朋友的一些帮助下，我将这一帮助弄清楚了。他更改了JS，并解释了如何实现这一目标（谢谢，SH！）。

   这为我的需求而努力：

butVis()