javascript - 如何在页眉、页脚...中剪切网页?

标签 javascript html jsp

<分区>

我开发了一个包含 13 个网页的网站。它们中的大多数都有相同的页眉、页脚、右侧……我知道我可以放置一个包含页眉或页脚代码的 HTML 或 JSP 文件,并将其包含在我的所有页面中,这样我就不必在我的所有网页中编写相同的代码。这是我想放在名为 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>

问题是我在这个标题的导航栏中有不同的相关链接,所以我不能在我的所有网页中包含一个内容相同的文件。是否有一种标准方法可以根据包含标题的网页来更改这些相关链接? 如果我没有很好地解释自己,请告诉我。

最佳答案

我不确定这是否是标准的,但我会在页面加载后通过在 javascript 中更改它来更改每个页面上元素的 href。
编辑:一个例子是,给定以下 anchor 标记:

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

你会这样做:

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

关于javascript - 如何在页眉、页脚...中剪切网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47658025/

相关文章:

javascript - 如何从javascript中的数据中删除标签?

javascript - Chrome本地存储问题

javascript - 谷歌地图故障 : Closures & Passing By Reference

javascript - 一次为多个点击事件创建一个元素

java - Tomcat:JSP 无法识别我的类文件

php - 将 javascript 对象发布到 PHP 文件

html - Android 平板电脑似乎忽略元视口(viewport)

jquery - anchor 作为带有 accesskey 的按钮的行为与实际按钮不同

java - 将数据库值检索到小程序中

java - 如何在jsp或servlet中将 "http headers"从一台主机转发到另一台主机?