使用 JS 在每个页面中都有相同的导航栏

Posted 2023-02-24

【中文标题】使用 JS 在每个页面中都有相同的导航栏

【英文标题】：Same navigation bar in every page using JS

【发布时间】：2021-09-22 10:43:05

【问题描述】：

我知道有多种方法可以使用 JS 或 JQuery 包含 导航栏 以及您将使用它的页面中的脚本标记,但是对我来说，这并不理想，因为一旦你使用了脚本标签，你就不能再在你的页面中使用 JS。有没有办法可以使用 js 创建一个导航栏，(fe navbar.js ），然后假设我有一个 frontpage.html 和 src="frontpage.js" 并且在 frontpage.js 中，我可以使用 require('./navbar.js') 这将创建我的导航栏。

【参考方案1】：

$(function()
  $("#nav-placeholder").load("req/nav.html");
);

您可以在 Jquery 中使用此技术。很简单。