使用JQuery从menu.html加载菜单，然后激活当前链接

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<div id="menuContainer"></div>

function loadMenuAndActivateCurrentLink() {
  // 加载菜单
  $('#menuContainer').load('menu.html', function() {
    // 获取当前页面的URL
    var currentUrl = window.location.href;

    // 遍历菜单中的链接
    $('#menuContainer a').each(function() {
      var linkUrl = $(this).attr('href');

      // 判断当前链接是否与页面URL匹配
      if (currentUrl.indexOf(linkUrl) !== -1) {
        // 添加激活样式类
        $(this).addClass('active');
      }
    });
  });
}

$(document).ready(function() {
  loadMenuAndActivateCurrentLink();
});