Php 基于html无序列表的javascript导航按钮（上一个下一个）

我有一个名为index.php的页面，其中包含如下div列表：

<div id="links">
     <ul>
        <li><a href="example1.php">example1</a></li>
        <li><a href="example2.php">example2</a></li>
        <li><a href="example3.php">example3</a></li>
        ......
        <li><a href="exampleN.php">exampleN</a></li>
    </ul>
</div>

关于获取列表（伪代码中的第一点），我不知道如何使用DOM元素访问其他页面（在同一个域中）。。像document（“page”）.getElementById（“links”）这样的东西是否存在而不需要iframe

---

我在正确的轨道上？还是完全错了？任何帮助、想法或建议都将不胜感激。谢谢，致以最诚挚的问候

不，您无法轻松访问其他文件，但如果每页都有div列表，则添加导航非常容易

window.onload=function() {
  var navLinks = document.getElementById("links").getElementsByTagName('a');
  var loc = location.href;
  var href,html="";
  for (var i=0;i<navLinks.length;i++) {
    href=navLinks[i].href;
    if (loc.indexOf(href)!=-1) {
      if (i==0) html+='prev ';
      else html +='<a href="'+navLinks[i-1].href'">prev</a>' 
      if (i==navLinks.length-1) html+=' next ';
      else html +='<a href="'+navLinks[i+1].href'">next</a>' 
    }
  }
  if (html) document.getElementById("links").appendChild(html);
}

window.onload=function（）{
var navLinks=document.getElementById（“links”）.getElementsByTagName（“a”）；
var loc=location.href；
var href，html=“”；
对于（var i=0；iNo），您无法轻松访问其他文件，但如果每个页面上都有div列表，则添加导航非常容易

window.onload=function() {
  var navLinks = document.getElementById("links").getElementsByTagName('a');
  var loc = location.href;
  var href,html="";
  for (var i=0;i<navLinks.length;i++) {
    href=navLinks[i].href;
    if (loc.indexOf(href)!=-1) {
      if (i==0) html+='prev ';
      else html +='<a href="'+navLinks[i-1].href'">prev</a>' 
      if (i==navLinks.length-1) html+=' next ';
      else html +='<a href="'+navLinks[i+1].href'">next</a>' 
    }
  }
  if (html) document.getElementById("links").appendChild(html);
}

window.onload=function（）{
var navLinks=document.getElementById（“links”）.getElementsByTagName（“a”）；
var loc=location.href；
var href，html=“”；
对于（var i=0；这些链接是手动输入的？我想我知道你在说什么，但你想做的似乎是一个讨厌的黑客。如果你是指index.php页面中的那些链接，是的，我手动输入。为什么是讨厌的黑客？有更好的方法吗？可能，我不是说你想做的是不正确的，但事情可能会发生并没有结果ected的东西可能会发生。你能做你一直在做的事情，而不是从链接中创建一些东西，创建一个数组，然后从中创建菜单吗？这样你仍然只更新一件事。或者甚至是一个文件，它只是以键：值对格式列出信息，然后解析它。你也在使用php，所以你可以加载索引fi通过php，获取菜单列表，解析它（php有一个DOM解析器），然后更新页面上的链接。（很抱歉重复发布..5分钟后无法编辑）如下？--arrayList.js--var list=array（“example1”：“，”example2”：“…”exampleN”：“）---------然后在每个示例页面中加载它？我也可以加载index.php，然后使用数组来构建列表，所以我只需要编辑一个文件：D你觉得怎么样？无论如何，谢谢！这些链接是手动输入的？我想我知道你在说什么，但你想做的似乎是一个讨厌的黑客。如果你是说这些在index.php页面中的链接，是的，我手动将它们放入。为什么是一个讨厌的黑客？有更好的方法可以做到这一点吗？可能，我并不是说你想做的是不正确的，但事情可能会发生，并且可能会发生意想不到的事情。你可以做你一直在做的事情，创建一个数组，然后创建菜单？这样你仍然只更新一件事。或者甚至是一个文件，它只是以键：值对格式列出信息，然后进行解析。另外，你使用的是php，所以你可以通过php加载索引文件，获取菜单列表，解析它（php有DOM解析器），然后更新页面上的链接。（很抱歉重复发布..5分钟后无法编辑）像这样？--arrayList.js--var list=array（“example1:”、“example2:”…“exampleN:”）---------然后在每个示例页面中加载它？我也可以加载index.php，然后使用数组来构建列表，所以我真的只有一个文件要编辑：D你认为呢？无论如何，谢谢！问题是div列表只在索引中，而不是在每个页面中..如果我在添加新示例时在每个页面上都放置它链接我必须更新每一个页面，这就是我想要避免将其作为脚本或ajax包含的原因。问题在于div列表只在索引中，而不是在每个页面中。如果我将其放在每个页面上，在添加新的示例链接时，我必须更新每一个页面，这就是我想要避免将其作为脚本或ajax包含的原因跳水