Javascript 如何使导航栏可点击或响应？

嘿，我只是在问我怎么能让导航栏上的图标可以点击。我的图标不会将页面重定向到我希望它去的地方，这就是我需要帮助的地方，提前感谢你的帮助：D！这是我的代码：

HTML:

.navbar\uu链接{
位置：静态；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
填充：15px；
利润率：20px0；
边界半径：10px；
背景：#ffffff；
颜色：#000000；
边框底部：1px实心#ffffff；
显示器：flex；
文本对齐：居中；
显示：内联块；
填充：20px；
}
}
//您不需要将类添加到标记中，它可以通过以下方式选择
.navbar>a{
文字装饰：无；
填充：15px；
}
.标题{
显示器：flex；
//使标题占据身体的所有空间
宽度：100%；
}
navbar先生{
显示器：flex；
//使导航栏占据徽标后剩余的所有空间
弹性：1；
证明内容：中心；
//使导航条向左移动，否则它将不会完全处于中间位置
转换：转换（-100px）；
}

---

这可能是因为

a

标记中的

href

属性主要指向

#

或

/

而不是要加载的文件

href

引用超文本引用，您将要定位的文件/id/类的链接放在此属性中。你可以读更多

要将

标记链接到另一个HTML文件，只需将
#
或
/
更改为所需HTML文件的路径即可。例如：

<a href="samplehtml123.html" [other attributes]><span></span></a>

然后，我可以在我的
href
属性中引用它：

<a href="#samplepara" [other attributes]><span></span></a>



单击图标时，我将被定向到网页中具有此ID的元素，而不是定向到另一个文件。ID对于每个HTML元素都是唯一的，不能使用两次，因此
href
属性可以重定向到ID，但不能重定向到类。至于
/
，它不受支持，将被忽略。
让我试试这个，非常感谢您的回答tho:D！
<a href="#samplepara" [other attributes]><span></span></a>