删除内联onclick事件跟踪代码并将其放入外部文件

Question

我在链接标记（pd.DataFrame({'read name': data.index, 'reference': np.apply_along_axis(get_ref, 1, data.values)} ）上附加了许多跟踪代码，这些跟踪代码分散在我的整个页面中，看起来很乱。

看起来像

onclick=""

我想知道是否可以将它们全部删除并移到外部js文件中以保持页面的清洁和可读性。如果是这样，我该怎么办？

Answer 1

好的。考虑：

index.html

<a href="tel:+123456789" id="header-phone">+123456789</a>

app.js

document.getElementById("header-phone").addEventListener("click", function() {
  gtag('event', 'click', { 'event_category': 'Phone', 'event_label': 'Header phone link' });
});

，然后在 index.html 的底部，使用<script>

链接 app.js