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

Question

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

Answer 1

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

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