js 实现导航栏 用href

你可以使用 JavaScript 和 href 属性来实现导航栏。首先，你需要在 HTML 中创建导航栏的链接，然后使用 JavaScript 来为这些链接添加导航功能。

以下是一个基本的示例：

HTML:

<nav>
  <a href="#" id="home">首页</a>
  <a href="#" id="about">关于</a>
  <a href="#" id="contact">联系我们</a>
</nav>

JavaScript:

// 获取导航栏链接的元素
const homeLink = document.getElementById('home');
const aboutLink = document.getElementById('about');
const contactLink = document.getElementById('contact');

// 添加导航功能
homeLink.addEventListener('click', function() {
  location.href = 'home.html'; // 替换为首页的 URL
});

aboutLink.addEventListener('click', function() {
  location.href = 'about.html'; // 替换为关于页面的 URL
});

contactLink.addEventListener('click', function() {
  location.href = 'contact.html'; // 替换为联系页面的 URL
});

在上面的示例中，我们首先使用 `getElementById` 方法获取导航栏链接的元素。然后，我们为每个链接添加了一个点击事件监听器。当用户点击链接时，JavaScript 会将 `location.href` 设置为相应页面的 URL，从而实现导航功能。

请注意，在示例中的 `href` 属性中使用了 "#"，这是一个占位符。你需要将它们替换为你实际页面的 URL。