javascript - <UL> 单个文件中的菜单,然后在所有 HTML 网页中调用它

标签 javascript jquery html css

在我的 html 网页上,我将菜单设计为 UL(无序列表)

现在我有多个页面。如果我添加一个菜单项,那么我必须编辑所有网页。

我只是希望我可以在单独的文件中创建我的菜单 UL(无序列表),即 js 文件(或任何其他文件),并在我的所有 html 网页中调用它。 因此,每当我必须在我的菜单中添加一个新元素时,我只需在一个文件中添加菜单项;而不是编辑所有 html 网页。

请给我任何解决方案或指导我。

提前致谢。

最佳答案

您需要在所有 html 文件中复制此代码。

<body>
    <ul class='my-list'></ul>
</body>

Js:

var list = `<li>Dummy 1</li><li>Dummy 2</li>`;
$(".my-list").append(list);

这可能是众多方法中的一种,但我认为这是完成您的工作最简单的方法。每当您想添加新的列表项时,您只需更改 JS 代码。

关于javascript - <UL> 单个文件中的菜单,然后在所有 HTML 网页中调用它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39249303/

相关文章:

javascript - 在子范围内调用回调的最佳方式是什么?

javascript - Xpath 函数在剧作家中不起作用

jquery - 这些滚动条是如何定制的?

javascript - 播放另一个视频时停止视频

html - 部分反复溢出

javascript - 测试 axios 请求的 header

javascript - 进行 php ajax 类型回调的正确方法

javascript - 我如何在 Javascript 中查询这个?

javascript - 如何对特定数据表应用过滤器

html - 如何在 phonegap android 应用程序中添加工作 iframe?