用一些JS定位css类

Question

你好，我目前在wordpress导航菜单上有这个内联JS

<a href="https://example.com/login/" onclick="window.location = 'https://example.com/login/?redirect_to='+window.location.href; return false;">login</a>

有人告诉我，最好使用一个常规菜单项，然后给它一个类，然后用一些JS来定位这个类。我试着搜索示例，但找不到适合我的。有人能分享一个示例代码给我指明正确的方向吗？

感谢

Answer 1

我想这就是告诉你的。

var link = document.querySelector(".js-link");
link.addEventListener("click", (e) => {
e.preventDefault();
//do whatever you want hear
console.log("redirect to another page");
});

<a href="http://www.google.com" class="js-link">Google</a>

这样做会使代码变得混乱、难以阅读和维护。因此，我们应该将html、css和js代码分开。为了使您的javascript和样式在更改代码时不会相互影响，您应该将要使用javascript的类命名为与要设置样式的类不同的类。

例如，我使用类"；js链接"；只是为了javascript，而不是为它设置样式。如果我想为链接设置样式，我会为它添加另一个类。