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

Question

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

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

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

 var Current = 0;

具有prev（）的某种功能；和next（）;

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插入。