javascript - 网站 : Same universal menu on different pages

Question

我正在尝试构建一个不再使用框架(我以前首选的方法)而是单一页面格式的网站。

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

任何人都可以建议我可以更改一次菜单代码并将其放在每个页面上的方法吗？我最初想在每个页面上将 javascript anchor 嵌入到 js 文件中，然后我只需要更改 js 文件即可。有没有更好的方法来做到这一点？

菜单是一个简单的图像以及文本和 anchor 链接的组合。

我可以对 HTML/JS/CSS/C++ 进行编程......并且愿意在必要时查看其他人以实现我的目标。

谢谢。

Answer 1

制作一个包含您的菜单代码的单独的局部 View 文件，然后将其包含在您需要它以使用菜单的每个页面上。

在 PHP 中:

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

在 ASP 中是这样的:

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

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

理想情况下，您可以扩展此逻辑并创建一个主模板页面，而不是只在其中提供动态内容 - 这样可以将所有代码放在一个地方并使更改变得非常简单。