Javascript 网站：不同页面上的相同通用菜单

我正在尝试建立一个不再使用框架（我以前喜欢的方法）而是单页格式的网站

我发现的一个大问题是，网站上的每个页面都会使用相同的菜单。现在我突然想到，如果我在以后修改菜单，那么我就必须在每一页上手动更改它。这似乎非常耗时和低效

有人能建议我如何修改菜单代码一次，并在每一页上都使用它吗？我最初考虑在每个页面的js文件中嵌入一个javascript锚，然后只需更改js文件。有更好的方法吗

菜单是一个简单的图像，混合了文本和锚链接

我可以编写HTML/JS/CSS/C++。。。如果有必要的话，我愿意看到别人来实现我的目标

---

谢谢。

制作一个包含菜单代码的单独局部视图文件，然后将其包含在使用菜单所需的每一页上

在PHP中：

<?php require_once(__ROOT__.'/mainMenu.php'); ?>

在ASP中，类似于：

<%@ Register src="~/mainMenu/mainMenu.ascx" tagname="MainMenu" tagprefix="uc" %>

<uc:MainMenu ID="MainMenu" runat="server />

@user3346627您可以从这里开始—在PHP中没有那么复杂—在asp中有点复杂，但仍然不是火箭科学：。这正是我开始编程的方式；我从纯HTML切换到PHP，这样就可以包含一个菜单。然后我想添加一些数据库交互，然后登录…：）@Nathan Long——有趣的是，我决定回答这个问题，因为这也是我必须在PHP中进行商业化的第一项任务之一——当时我从学校刚毕业就用谷歌搜索了它。