Question

我开发了一个包含13个网页的网站。他们中的大多数都有相同的页眉，页脚，旁边，...我知道我可以放置一个包含页眉或页脚代码的HTML或JSP文件，并将其包含在我的所有页面中，所以我不必在我的所有wepages中写相同的代码。这是我想要放在名为header.html的文件中的一个示例，我将在其所有网页中包含该文件：

<header>
  <hr id="barraCabecera11">
  <hr id="barraCabecera12">
  <h1 id="nombreBarberia"> The Notorius Barbershop </h1>
  <nav>
    <ul>
      <li id="indexN"><a href="index.html">Inicio</a></li>
      <li id="seccion1N" onmouseover="ver(1)" onmouseout="ocultar(1)">
        <p id="conocenosN">Conocenos</p>
        <div id="subseccion1">
          <p><a href="Subpaginas/Conocenos/historia.html">Historia</a></p>
          <p><a href="Subpaginas/Conocenos/filosofia.html">Filosofía</a></p>
          <p><a href="Subpaginas/Conocenos/plantilla.html">Barberos/Peluqueros</a></p>
        </div>
      </li>
      <li id="seccion2N" onmouseover="ver(2)" onmouseout="ocultar(2)">
        <p id="eventosN">Eventos</p>
        <div id="subseccion2">
          <p><a href="Subpaginas/Eventos/reservar.html">Reservar</a></p>
          <p><a href="Subpaginas/Eventos/contratar.html">Contratar</a></p>
        </div>          
      </li>
      <li id="hairstyleN"><a href="Subpaginas/hairstyle.html">Hairstyle</a></li>
      <li id="notbarN"><a href="Subpaginas/notbar.html">The NotBar</a></li>
      <li id="cursosN"><a href="Subpaginas/cursos.jsp">Cursos</a></li>
      <li id="contactanosN"><a href="Subpaginas/contactanos.html">Contáctanos</a></li>
    </ul>
    <div class="borrar"></div>
  </nav>
</header>

问题是我在此标题的导航中有不同的相对链接，因此我无法在所有网页中包含具有相同内容的文件。是否有标准的方法来更改这些相对链接取决于包含标题的网页？如果我没有好好解释，请告诉我。

Answer 1

我不确定这是否是标准的，但我会在页面加载后通过javascript更改每页上的元素的href。
编辑：给出以下锚标记的示例：

<a href="google.com" id="anchorTest">

你会这样做：

document.getElementById('anchorTest').href = 'youtube.com';

如何在页眉，页脚，......中剪切网页？

1 个答案: