如何仅在某些页面上显示页脚按钮？答案

【问题标题】：how to display a footer button only on certain pages?如何仅在某些页面上显示页脚按钮？
【发布时间】：2021-12-30 21:16:30
【问题描述】：

我有一个名为 footer.php 的页面，它通过 PHP 包含在我的所有页面中，如下所示：

<?php require_once "inc/footer.php"; ?>

在页脚中，我有一个返回顶部按钮，我不想在我的某些页面上使用该按钮，因为它们是小页面。到目前为止我所做的如下所示。

CSS（适用于所有页面）：

.footer-btn{
  display: none;
}

然后我将以下代码放在应显示按钮的页面的头部：

<style>
.footer-btn{
 display: block;
}
</style>

虽然这可行，但我不喜欢使用内部 CSS，而且我觉得通过 jquery/js 有更好的方法（不确定如何使用好）。欢迎提出建议。

【问题讨论】：

你可以用 PHP 或 JS 找出当前 URL 并编写逻辑来显示隐藏元素：stackoverflow.com/questions/1283327/… 或 stackoverflow.com/questions/1034621/…，如果你不知道 JS，那么你做 require_once "公司/页脚.php";就在您编写 PHP 并将逻辑编写为：如果当前 URL 不包括某些页面，则执行 require_once

标签： javascript php html jquery css

【解决方案1】：

只需使用 php 将页面名称写入 body 类。然后，您可以使用 CSS 定位该页面以隐藏/显示页脚。

<style>
.page-index .footer-btn,
.page-about-us .footer-btn {
   display: none;
}
</style>
<body class="page-about-us">
   <footer>
      <button class="footer-btn">
          Footer Btn
     </button>
  </footer>
</body>

【讨论】：