代码之家  ›  专栏  ›  技术社区  ›  Coding Duchess

在HTML文件中包含菜单

  •  0
  • Coding Duchess  · 技术社区  · 6 年前

    我有一个超过20页的网站,都使用相同的网页 dropdown 菜单。目前,每个页面都包含菜单的多余HTML代码,所以如果我想更改菜单中的一个内容,我必须为所有页面更改它。我用普通的 html/css 还有一些 javascript 我的网站。有没有办法 下拉 在一个文件中选择所有内容,并在所有20页中包含对该文件的引用?

    我试着用 <embed> 元素包含菜单,但它对我来说不起作用,因为我无法充分对齐它,因为它在其正下方留下一个大的空白区域,以允许 下拉 选项。不知道什么是最好的处理方法

    1 回复  |  直到 6 年前
        1
  •  0
  •   Aryan Mediratta    6 年前

    正如奎因·韦隆在评论中所建议的,php include语句是处理它的最佳方法。

    但是,如果您对编写后端代码不感兴趣,可以使用JavaScript来完成这项工作,方法是解析脚本中的JSON或INI文件/文本,并将其转换为菜单上所需的链接。

    [请注意,您仍然需要使用javascript进行此操作]

    如果您甚至不喜欢使用JS(不推荐),可以使用 iframe 作为导航菜单

    当你这样做的时候,加上 <base target="_parent"> head 您的iframe部分。 然后,在所有其他页面中,添加 <iframe src="menu.html"></iframe> 替代 menu.html 菜单路径。

    我希望这有帮助。但是,请注意,如果您只希望使用前端技术,那么这只是一种解决方案。

    否则使用 <?php include "menu.php";?> 对于PHP或具有EJS的节点,请使用 <%include "menu.ejs";%>