读取和加载内部 url 数组的下一个上一个链接

Question

我正在尝试在我的投资组合上创建自己的“上一个”和“下一个”按钮，这些按钮将从加载静态 php 文件的集合或数组中读取。我什至不反对在 js 中做，但我认为 php 可能更容易，因为我所有的文件都在 php 中。

正在寻找一个简单的循环来调用和加载页面...

var pages = [
 "index.php",
 "project1.php",
 "project2.php",
 "project3.php",
 "project4.php",
];

 var Current = 0;

具有某种用于 prev() 的函数；和下一个（）；

function Prev(){
  if(Current == 0){
    Current = pages.length - 1;}
   else{
   Current--;}
}

function next(){
  if(Current == 0){
    Current = pages.length - 1;}
   else{
   Current++;}
}

他们让我的 html 看起来像这样......

<a href="prev();" class=“prev”>Previous </a>
<a href="next();" class=“next”>Next </a>

任何帮助将不胜感激！

Answer 1

有多种方法可以做到这一点。

一种方法是在您的页面中添加一个iframe，并在单击其中一个按钮时将其src 属性更改为您的页面URL。另一种方法是拥有一些容器（例如div），然后动态加载HTML（例如通过fetch 或AJAX）并将其作为所述容器的innerHTML 插入。