html+css+js系统，侧边导航栏只有一级标题，当选中标题下页面后，改页面对应标题高亮显示，该如何实现？

        要实现这个功能，可以使用JavaScript来实现。

        首先，在HTML中，为每个导航栏标题添加一个唯一的id属性，用于标识该标题。例如：

<ul class="sidebar">
  <li id="title1">标题1</li>
  <li id="title2">标题2</li>
  <li id="title3">标题3</li>
</ul>

        然后，在CSS中，定义一个用于高亮显示的样式，例如：

.highlight {
  background-color: yellow;
}

        接下来，在JavaScript中，监听导航栏标题的点击事件，并在点击时添加高亮样式。例如：

var titles = document.querySelectorAll('.sidebar li');

titles.forEach(function(title) {
  title.addEventListener('click', function() {
    // 移除所有标题的高亮样式
    titles.forEach(function(t) {
      t.classList.remove('highlight');
    });
    // 添加当前点击标题的高亮样式
    this.classList.add('highlight');
  });
});

        这样，当点击导航栏标题时，会移除所有标题的高亮样式，并为当前点击的标题添加高亮样式。

        最后，在页面加载完成时，根据当前页面的URL或其他条件，将对应的标题添加高亮样式。例如：

window.addEventListener('load', function() {
  var currentPage = 'page2'; // 当前页面的标识，可以是URL中的参数或其他条件
  var currentTitle = document.getElementById(currentPage);
  if (currentTitle) {
    currentTitle.classList.add('highlight');
  }
});

        以上代码会在页面加载完成时，根据当前页面的标识（例如'page2'），找到对应的标题元素，并为其添加高亮样式。

        通过以上的实现，当选中标题下的页面时，该页面对应的标题会高亮显示。