林试图给这组字体真棒图标提供可单击的(因此,当我单击它们时,我会定向到我想要的页面)

<i class="fas fa-chart-line"></i>

<i class="fas fa-utensils"></i>

<i class="fas fa-newspaper"></i>

<i class="fas fa-user"></i>

<i class="fas fa-sign-out-alt"></i>


如何使用Javascript完成此操作,或者还有其他解决方法?我知道您可以通过使用<a href=""包装图标来实现此目的,但是我只是在寻找另一种方式来做到这一点

最佳答案

onclick事件

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Event_handlers



<button onclick="myFunction()">Click me</button>


句法
在HTML中:

<element onclick="myScript">


在JavaScript中:

object.onclick = function(){myScript};


在JavaScript中,使用addEventListener()方法:

object.addEventListener("click", myScript);

07-28 01:14