Javascript 如何基于活动导航选项卡动态生成页面标题？

我使用php Include在不同的部分调用页面，但其中一些部分需要有不同的内容

我试图将h标记中的文本设置为与当前单击的导航项相同

我现在只是在导航部分设置当前页面，然后在我想命名的页面顶部，定义一个变量，然后在标题中调用它

导航包括：

 <div>
 <ul class="menu">
 <li><a href="about.php"><?php ($currentPage =='about')?>About</a> . 
 </li>
 </ul>
 </div>

关于我们网页：

<?php ($currentPage =='about');
  $title ='About Us'
?>

哪个有

在它里面，这在不同的页面上也被称为，在这个包括我在内的页面上

<h2 class="title-center"><?php echo $title ?></h2>

我还有一个联系人页面，其中我有相同的include，但需要不同的标题：

<?php ($currentPage =='contact');
$title ='Contact'
?>

您的要求：

每个页面都需要相应的页眉

解决方案：

1获取一个页眉数组

2键应该是url中的$currentPage

3值应为必需的页面标题

4检查$currentPage是否设置了页面标题，如果设置了，则打印它

简单的

和代码：

<?php
$pageHeaders = [];
$pageHeaders['about'] = 'About Us';
$pageHeaders['contact'] = 'Contact Us';
...
?>

现在，打印页眉：

<h2 class="title-center">
<?php
$title = 'Your Default Page Title';
if (isset($pageHeaders[$currentPage])) {
 echo $pageHeaders[$currentPage];
}
else {
 echo $title;
}
?>
</h2>

注意：您还可以使用相同类型的数组创建动态页面导航

键应该是url，值应该是文本

---

在它上面循环并打印导航菜单。

所以，它只是一个页面和不同的选项卡？什么是$currentPage=='about'；该怎么办？@AJ不抱歉，我没有说清楚，我有两个页面，about.php和contact.php，但它们都使用相同的标题include/header.php和include/page-title.php。但是我希望页面标题中的h标记文本与活动页面相同，这有意义吗？